JavaShuo
欄目
標籤
微信小程序:文字居中對齊,垂直居中對齊
時間 2019-11-19
標籤
微信
程序
文字
居中
對齊
垂直
简体版
原文
原文鏈接
剛剛接觸CSS,用了各類方法都不行,
flex
什麼。。。
spa
vertical-align:
middle
;
align-content:
center
;
align-items:
center
;
text-align:
center
;
都不能達到垂直狀態下的居中對齊。
後來終於百度到一篇靠譜的帖子
https://blog.csdn.net/qq_32590631/article/details/80411024
親測可行,馬克如下:
--------------------------------------------------------------------
.center-text{
display:
flex
;
align-items:
center
;
justify-content:
center
;
}
<
view
class
=
"
center-text
"
style
=
"width: 100px;height:100px"
>
ABC
</
view
>
--------------------------------------------------------------------
相關文章
1.
文本垂直居中對齊
2.
css3,居中文字,居中對齊,文字兩端對齊
3.
css3的垂直居中、上下垂直居中、兩端對齊
4.
div內容垂直居中對齊
5.
iOS UILabel垂直對齊(上居中)
6.
Div 居中對齊(水平、垂直)
7.
bootstrap modal 垂直居中對齊
8.
div span img對齊,垂直居中對齊問題
9.
css3文字水平垂直居中對齊的幾種方法
10.
複選框文字垂直居中對齊的問題
更多相關文章...
•
PHP imagecharup - 垂直地畫一個字符
-
PHP參考手冊
•
在Java程序中使用Redis
-
Redis教程
•
Scala 中文亂碼解決
•
SpringBoot中properties文件不能自動提示解決方法
相關標籤/搜索
對齊
居中
整整齊齊
齊齊哈爾
中英文對照
微信_小程序
微信小程序
中英對照
瀏覽器信息
Hibernate教程
PHP教程
註冊中心
教程
文件系統
0
分享到微博
分享到微信
分享到QQ
每日一句
每一个你不满意的现在,都有一个你没有努力的曾经。
最新文章
1.
NLP《詞彙表示方法(六)ELMO》
2.
必看!RDS 數據庫入門一本通(附網盤鏈接)
3.
阿里雲1C2G虛擬機【99/年】羊毛黨集合啦!
4.
10秒鐘的Cat 6A網線認證儀_DSX2-5000 CH
5.
074《從零開始學Python網絡爬蟲》小記
6.
實例12--會動的地圖
7.
聽薦 | 「談笑風聲」,一次投資圈的嘗試
8.
阿里技術官手寫800多頁PDF總結《精通Java Web整合開發》
9.
設計模式之☞狀態模式實戰
本站公眾號
歡迎關注本站公眾號,獲取更多信息
相關文章
1.
文本垂直居中對齊
2.
css3,居中文字,居中對齊,文字兩端對齊
3.
css3的垂直居中、上下垂直居中、兩端對齊
4.
div內容垂直居中對齊
5.
iOS UILabel垂直對齊(上居中)
6.
Div 居中對齊(水平、垂直)
7.
bootstrap modal 垂直居中對齊
8.
div span img對齊,垂直居中對齊問題
9.
css3文字水平垂直居中對齊的幾種方法
10.
複選框文字垂直居中對齊的問題
>>更多相關文章<<