課程
/前端開(kāi)發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
加入width后text-align還有效果嗎
2016-01-05
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 12-7
正在回答
然后看了
水平居中設(shè)置-行內(nèi)元素:
如果被設(shè)置元素為文本、圖片等行內(nèi)元素時(shí),水平居中是通過(guò)給父元素設(shè)置?text-align:center?來(lái)實(shí)現(xiàn)的。
自我的思考是這樣的: 給inline element設(shè)定對(duì)其格式,如果有width在inline element所在的block即為父元素所定的css樣式中被設(shè)定了值,這樣每行就用了固定的寬度,所以在該block下面的子元素比如text文本就得這樣每行每行的填滿(mǎn)(個(gè)人認(rèn)為我們可以通過(guò)前面所學(xué)的盒子的概念來(lái)理解這塊)->換句話(huà)說(shuō),每行的填寫(xiě)過(guò)程: 我想應(yīng)該也是遵循這樣的對(duì)齊方式的。
比如text-align:center,每一行做處理的時(shí)候都是現(xiàn)充中間打印出來(lái),字符出來(lái)的順序也該是字符文本流中的順序,當(dāng)然電腦的速度非一般的快哈,所以常人肉眼捕捉不到。。..1 行打印完了 ...2?行打印完了...?
打印到最后一行:如果所剩余的字符所要用的pixel或者font-size*字符數(shù)量 比 所設(shè)定width要小,這時(shí)候我們就能清晰的發(fā)現(xiàn)這個(gè)結(jié)果。
--> 同理用于參考text-align:right 的情況。 ^_^ thanks!Test_Align_Center.png:
就只能在內(nèi)部居中了,而不是相對(duì)于屏幕
可以。text-align是用于控制文本的居中/靠左/靠右排列的。
我認(rèn)為是能的。
text-align是調(diào)節(jié)標(biāo)簽文本的位置,width是調(diào)節(jié)容器的寬度
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答a標(biāo)簽的text-align有用嗎
11 回答text-align
4 回答text-align與align的區(qū)別
2 回答為什么不能用text-align把表格居中
4 回答第12行的text-align文本居中為什么不起作用
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-01-05
然后看了
水平居中設(shè)置-行內(nèi)元素:
如果被設(shè)置元素為文本、圖片等行內(nèi)元素時(shí),水平居中是通過(guò)給父元素設(shè)置?text-align:center?來(lái)實(shí)現(xiàn)的。
自我的思考是這樣的: 給inline element設(shè)定對(duì)其格式,如果有width在inline element所在的block即為父元素所定的css樣式中被設(shè)定了值,這樣每行就用了固定的寬度,所以在該block下面的子元素比如text文本就得這樣每行每行的填滿(mǎn)(個(gè)人認(rèn)為我們可以通過(guò)前面所學(xué)的盒子的概念來(lái)理解這塊)->換句話(huà)說(shuō),每行的填寫(xiě)過(guò)程: 我想應(yīng)該也是遵循這樣的對(duì)齊方式的。
比如text-align:center,每一行做處理的時(shí)候都是現(xiàn)充中間打印出來(lái),字符出來(lái)的順序也該是字符文本流中的順序,當(dāng)然電腦的速度非一般的快哈,所以常人肉眼捕捉不到。。..1 行打印完了 ...2?行打印完了...?
打印到最后一行:如果所剩余的字符所要用的pixel或者font-size*字符數(shù)量 比 所設(shè)定width要小,這時(shí)候我們就能清晰的發(fā)現(xiàn)這個(gè)結(jié)果。
--> 同理用于參考text-align:right 的情況。 ^_^ thanks!
Test_Align_Center.png:
2016-01-05
就只能在內(nèi)部居中了,而不是相對(duì)于屏幕
2016-01-05
可以。text-align是用于控制文本的居中/靠左/靠右排列的。
2016-01-05
我認(rèn)為是能的。
text-align是調(diào)節(jié)標(biāo)簽文本的位置,width是調(diào)節(jié)容器的寬度