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.
js中 charCodeAt
2.
Android中通過ViewHelper.setTranslationY實現View移動控制(NineOldAndroids開源項目)
3.
【Android】日常記錄:BottomNavigationView自定義樣式,修改點擊後圖片
4.
maya 文件檢查 ui和數據分離 (一)
5.
eclipse 修改項目的jdk版本
6.
Android InputMethod設置
7.
Simulink中Bus Selector出現很多? ? ?
8.
【Openfire筆記】啓動Mac版Openfire時提示「系統偏好設置錯誤」
9.
AutoPLP在偏好標籤中的生產與應用
10.
數據庫關閉的四種方式
本站公眾號
歡迎關注本站公眾號,獲取更多信息
相關文章
1.
文本垂直居中對齊
2.
css3,居中文字,居中對齊,文字兩端對齊
3.
css3的垂直居中、上下垂直居中、兩端對齊
4.
div內容垂直居中對齊
5.
iOS UILabel垂直對齊(上居中)
6.
Div 居中對齊(水平、垂直)
7.
bootstrap modal 垂直居中對齊
8.
div span img對齊,垂直居中對齊問題
9.
css3文字水平垂直居中對齊的幾種方法
10.
複選框文字垂直居中對齊的問題
>>更多相關文章<<