CSS之文本對(duì)齊 。
免費(fèi)少兒編程開(kāi)課了，同學(xué)們好！今天分享的知識(shí)是設(shè)置文本在區(qū)域中水平方向的對(duì)齊方式 。用到的是 css 的 text 的align屬性，這個(gè)屬性的常用值有類(lèi)似，左對(duì)齊，right 右對(duì)齊，center 居中對(duì)齊 。
Justify兩端對(duì)齊需要注意的是 text line和德瑞權(quán)文本方向有關(guān)系 。如果德瑞權(quán)屬性是 l tr則默認(rèn)值為列；如果德瑞權(quán)屬性是 rtl則默認(rèn)值為 right 。左中右對(duì)齊都很簡(jiǎn)單，一目了然 。

文章插圖
但我們會(huì)注意到兩端對(duì)齊這一行并沒(méi)有達(dá)成我們想要的效果，所謂的兩端對(duì)齊就是文本的第一個(gè)字對(duì)齊區(qū)域的左邊界，文本的最后一個(gè)字對(duì)齊右邊界 ， 中間的文本平均分布在區(qū)域內(nèi) ?？纯创a，確實(shí)設(shè)置了 text line 為這四個(gè)方案 。

文章插圖
沒(méi)有效果的原因是這個(gè)屬性對(duì)最后一行不生效，解決方案是使用 text line last屬性，先看看效果，ok，這就是兩端對(duì)齊 ?，F(xiàn)階段學(xué)習(xí)到這里就可以了，但我需要提醒各位同學(xué)，text line last的兼容性是有問(wèn)題的，特別是在蘋(píng)果的 ios 系統(tǒng)中spare 不支持這個(gè)屬性，這會(huì)導(dǎo)致安卓手機(jī)中顯示正常，但蘋(píng)果手機(jī)卻顯示錯(cuò)誤 。

文章插圖
為了解決這個(gè)問(wèn)題，只需要讓文本不是最后一行即可 ?？催@段代碼，v到了前面講過(guò)的偽元素 after，在這里在文本后插入了一個(gè)內(nèi)容 ， 寬度是百分之一百，顯示方式是內(nèi)塊，超出部分隱藏并設(shè)置了高為零 。

文章插圖
我用 after用來(lái)創(chuàng)建一個(gè)偽元素添加一行內(nèi)容并且將其隱藏 。這樣要顯示的內(nèi)容就不是最后一行了 ， 這次閥就會(huì)生效再次回到瀏覽器刷新成功 。
【關(guān)于css設(shè)置對(duì)齊方式 css文字左對(duì)齊怎么設(shè)置】好了，今天的分享就到這里，所有的案例及相關(guān)文檔均可向我獲取 ， 我們下期見(jiàn) 。

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問(wèn)題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專(zhuān)業(yè)人士給予相關(guān)指導(dǎo)!

「愛(ài)刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對(duì)您有所幫助：

• Scrivener設(shè)置自動(dòng)備份為ZIP文件
• Nomad建模軟件色調(diào)映射設(shè)置教程
• WPS表格自動(dòng)添加邊框設(shè)置教程
• Excel表格自動(dòng)換行設(shè)置技巧
• 新如何利用PPT定制幻燈片背景及顏色效果設(shè)置？
• Win7網(wǎng)絡(luò)訪問(wèn)權(quán)限設(shè)置教程
• 實(shí)現(xiàn)連桿的往復(fù)運(yùn)動(dòng)
• Windows11顯示方向設(shè)置指南
• UG10.0設(shè)置內(nèi)切圓半徑的操作步驟
• 如何在Word文檔中設(shè)置多級(jí)列表？