假如我們要居中的是乙個text
正常情況下，我們只需要給他乙個text-align：center
然後給他個view框架
給view設個樣式
display：flex
//匯入彈性布局
flex-direction：column
//方向為垂直
align-items：center
//垂直居中
justify-content：center
//水平居中
有的時候呢，
我們的新手小朋友們可能會遇到這樣的問題
就是垂直和水平居中沒用？
那是你的樣式沒有寬和高
設定一哈寬和高就闊以啦
舉個栗子
style="height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content: center">
你好！text>
view>
先給框架設固定的寬和高
設的時候
高可不能設為100%
因為view預設是被撐開的
也就是說裡面東西有多大
他就有多高
而vh這個單位正是設定固定的高
另外呢還有乙個單位叫做vw
相信聰明的小夥伴已經能舉一反三了
沒錯，就是固定的寬
我們把它設個高寬可以看的更清晰
他已經在第一行居中了，
font-size 字型大小
color 字型顏色
line-height 行高
一些冷門的屬性
1.font-style：文字樣式。
取值：normal 正常的字型， italic 斜體字， oblique 傾斜的字型。
2.font-weight：設定文字字型的粗細。取值範圍為100-900.
取值：mormal：正常大小相當於400。bold :粗體，相當於700。bolder， lighter。
3.font-size：設定字型尺寸大小。
4.font-variant:設定物件中的文字是否為小型的大寫字母。
取值：mormal 正常的字型。small-caps 小型的大寫字母字型。設定了以後會不論原來是否為大小字母 全部改為大寫。
5.font-family:設定字型名稱。
6.font-stretch:設定物件中的文字是否橫向拉伸變形。
取值：normal：正常文字寬度。
ultra-condensed：比正常文字寬度窄4個基數。
extra-condensed：比正常文字寬度窄3個基數。
condensed：比正常文字寬度窄2個基數。
semi-condensed：比正常文字寬度窄1個基數。
semi-expanded：比正常文字寬度寬1個基數。
expanded:比正常文字寬度寬2個基數.
extra-expanded：比正常文字寬度寬3個基數。
ultra-expanded：比正常文字寬度寬4個基數。
Div文字居中
1.單行文字 設定div的高度與文字的行高一樣就可以了,即 line height 和 height 的數值是一樣的就可以了,最後給div乙個 over flow hidden 讓超出的部分隱藏.這種方法支援塊級和內聯極元素以及所有的瀏覽器,不過只能顯示一行,而且ie中不支援 img 等的居中,之所...
Android文字居中
在寬width高height的畫布上畫一字串，使字串水平豎直居中 水平居中很簡單,paint.settextalign align.center 然後drawtext的x座標設定為width 2即可，豎直居中稍顯麻煩，可以使用fontmetrics物件計算文字高度，然後計算baseline，使文字垂...
div文字居中
1.文字垂直居中 要垂直居中的文字 div2.背景大小自適應 div3.背景，文字自適應居中 divclass row divclass service bg service bg1 col lg 3 col md 3 col xs 3 divclass s content 已受理 div div ...