【css/HtmL】css讓文本兩端對齊
【內(nèi)容聲明】本文源于互聯(lián)網(wǎng)收集整理，不代表YINGSOO觀點(diǎn)！若有咨詢“【css/HtmL】css讓文本兩端對齊”等有關(guān)服務(wù)器、云主機(jī)租用、托管、配置、價格問題，請咨詢YINGSOO客服，簡單、便捷、高效！
【本周熱銷】CDN加速 | 韓國高防服務(wù)器特價 | 日本高防服務(wù)器特價
【相關(guān)閱讀】高防云服務(wù)器選哪家?如何選?
說起text-align，大家一定都不覺得陌生，我們常用關(guān)鍵字left、right、center實(shí)現(xiàn)行內(nèi)元素相對父元素左、右、居中對齊，當(dāng)然我們也使用justify來實(shí)現(xiàn)文本兩端對齊。
如上圖，兩端對齊相對于左對齊，視覺上顯得整齊有序。但justify對最后一行無效，通常這樣的排版對整段文字是極好的，我們并不希望當(dāng)最后一行只有兩個字時也兩端對齊，畢竟這是不便于閱讀的，那么當(dāng)我們只有一行文本，但要實(shí)現(xiàn)單行文本兩端對齊怎么解決（如下圖的表單項(xiàng)效果）？
根據(jù)justify對最后一行無效，我們可以新增一行，使該行文本不是最后一行，實(shí)現(xiàn)如下：
but以上寫法可以說是比較麻煩的，重點(diǎn)來啦，最近新了解到的一個屬性text-align-last，該屬性定義的是一段文本中最后一行在被強(qiáng)制換行之前的對齊規(guī)則。
//scss.item{margin-bottom:8px;.label{display:inline-block;height:100%;min-width:100px;text-align:justify;text-align-last:justify;}.value{padding-right:10px;}}
相比第一種實(shí)現(xiàn)，第二種實(shí)現(xiàn)方式就簡單了不少，不過該屬性有兼容性問題，大家可以根據(jù)情況決定實(shí)現(xiàn)方式。
YINGSOO提供優(yōu)質(zhì)的香港云服務(wù)器以及其他境外服務(wù)器產(chǎn)品，品類包括站群服務(wù)器、高防服務(wù)器、云主機(jī)等，配置齊全，有多種套餐可供選擇，企業(yè)可以按照自身的業(yè)務(wù)需求來選擇相應(yīng)的服務(wù)器租用和套餐，YINGSOO服務(wù)器機(jī)房線路穩(wěn)定可靠，提供7*24小時技術(shù)服務(wù)，如您有需求，歡迎在頁面右方咨詢在線QQ客服。全國統(tǒng)一服務(wù)熱線：400-630-3752
熱門文章：【穩(wěn)定的國外服務(wù)器】【BZZ持有價值嗎】【機(jī)架服務(wù)器】【獨(dú)立站 服務(wù)器 租用】【個人網(wǎng)站如何快速提高流量】【弱密碼掃描導(dǎo)致服務(wù)停頓】【用服務(wù)器玩游戲是什么體驗(yàn)】【服務(wù)器在國外會被百度爬蟲獲取嗎】【chia正在同步不動】【服務(wù)器內(nèi)部線路梳理】【墻 解封】【raid 3 5】【chia8g內(nèi)存p圖】【刀塔傳奇服務(wù)器列表】【網(wǎng)絡(luò)延遲多少ms算正常】【流量換算成帶寬】【互聯(lián)網(wǎng)服務(wù)需要幾個維護(hù)合理】【服務(wù)器進(jìn)黑洞保護(hù)了重啟有用嗎】【服務(wù)器購買】【部署海外服務(wù)器】【ETH測試水龍頭領(lǐng)取】【VPS判斷IP位置】【u標(biāo)準(zhǔn)機(jī)柜】【服務(wù)器哪個便宜】【怎么使用云服務(wù)器創(chuàng)建網(wǎng)站】【一塊2t硬盤和兩塊1t硬盤耗電】【如何配置web服務(wù)器】【阿里云 代理 便宜】【數(shù)據(jù)庫服務(wù)器有哪些】【廉價的 云服務(wù)器 供應(yīng)商】
版權(quán)聲明：本站文章來源標(biāo)注為YINGSOO的內(nèi)容版權(quán)均為本站所有，歡迎引用、轉(zhuǎn)載，請保持原文完整并注明來源及原文鏈接。禁止復(fù)制或仿造本網(wǎng)站，禁止在非www.sddonglingsh.com所屬的服務(wù)器上建立鏡像，否則將依法追究法律責(zé)任。本站部分內(nèi)容來源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來，僅供學(xué)習(xí)參考，不代表本站立場，如有內(nèi)容涉嫌侵權(quán)，請聯(lián)系alex-e#qq.com處理。
關(guān)注官方微信