成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

CSS:兩端對(duì)齊原理(text-align:justify)

justCoding / 877人閱讀

摘要：我查了下奇巧淫技是什么意思，嘎嘎。我問(wèn)寫個(gè)文章會(huì)不會(huì)被封，他說(shuō)應(yīng)該不會(huì)，只會(huì)被別人揍，哈哈

我是一個(gè)小白
我是一個(gè)小白
我是一個(gè)小白
噴我吧,哈哈

寫樣式的是時(shí)候經(jīng)常會(huì)碰到字體兩端對(duì)齊的效果,一般就網(wǎng)上找端css樣式復(fù)制下就結(jié)束了,沒(méi)有考慮過(guò)原理是啥
貼下代碼


    
    
    



        
噴我吧

我就納悶為啥要在p標(biāo)簽后面加一個(gè)偽元素是為了什么?但是刪除偽元素之后發(fā)現(xiàn)text-align:justify就不起作用了
問(wèn)了別人才知道,text-align:justify只適用于多行文字,而最后一行是不起作用的,
如圖

所以,如果要讓單行兩端對(duì)齊的話,必須要這行文字不顯示在最后一行上,需要在兩端的對(duì)齊的標(biāo)簽上添加了一個(gè)偽元素(塊級(jí)元素,或者行內(nèi)塊元素,只要有寬度就行),寬度100%令這個(gè)偽元素自動(dòng)換行至最后一行,這樣你所需要的"兩端對(duì)齊"就能顯示在字體上了。

除了偽元素,你也能加個(gè)行內(nèi)塊元素img input啥的，也能達(dá)到效果，但是建議還是用偽元素比較好吧

    

        噴我吧噴

這么傻的問(wèn)題，也是問(wèn)的別人才明白的，別人說(shuō)這個(gè)是奇巧淫技。我查了下奇巧淫技是什么意思，嘎嘎。我問(wèn)寫個(gè)文章會(huì)不會(huì)被封，他說(shuō)應(yīng)該不會(huì)，只會(huì)被別人揍，哈哈

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/116994.html

相關(guān)文章

  • 探索發(fā)現(xiàn)：CSS實(shí)現(xiàn)中文兩端對(duì)齊

    摘要：今天在搜索實(shí)現(xiàn)中文兩端對(duì)齊的解決方法時(shí)，偶然發(fā)現(xiàn)了這個(gè)我遇到問(wèn)題是看不到效果，無(wú)論是英文還是中文，在和下都不起作用。首先，大家要知道，是專門為英文設(shè)計(jì)的，誰(shuí)叫是老外發(fā)明的呢，用來(lái)實(shí)現(xiàn)英文語(yǔ)句的兩端對(duì)齊。 今天在搜索CSS實(shí)現(xiàn)中文兩端對(duì)齊的解決方法時(shí)，偶然發(fā)現(xiàn)了這個(gè)hack： 我遇到問(wèn)題是：看不到效果，無(wú)論是英文還是中文，在IE和chrome下都不起作用。還好在StackOverflo...

    Aomine 評(píng)論0 收藏0

  • 探索發(fā)現(xiàn)：CSS實(shí)現(xiàn)中文兩端對(duì)齊

    摘要：今天在搜索實(shí)現(xiàn)中文兩端對(duì)齊的解決方法時(shí)，偶然發(fā)現(xiàn)了這個(gè)我遇到問(wèn)題是看不到效果，無(wú)論是英文還是中文，在和下都不起作用。首先，大家要知道，是專門為英文設(shè)計(jì)的，誰(shuí)叫是老外發(fā)明的呢，用來(lái)實(shí)現(xiàn)英文語(yǔ)句的兩端對(duì)齊。 今天在搜索CSS實(shí)現(xiàn)中文兩端對(duì)齊的解決方法時(shí)，偶然發(fā)現(xiàn)了這個(gè)hack： 我遇到問(wèn)題是：看不到效果，無(wú)論是英文還是中文，在IE和chrome下都不起作用。還好在StackOverflo...

    luffyZh 評(píng)論0 收藏0

  • 短標(biāo)題自動(dòng)兩端對(duì)齊

    摘要：是為了讓偽元素寬度和父元素相同并單獨(dú)占滿一行。總結(jié)下來(lái)也就是說(shuō)，偽元素自己獨(dú)占了一行使瀏覽器認(rèn)為該元素不是一行文字，而是兩行，所以就生效了。 前幾天在交流群里碰到了這樣的一個(gè)問(wèn)題怎樣讓下圖這組短名字保持長(zhǎng)度一致，兩端對(duì)齊呢？showImg(https://segmentfault.com/img/bVUE2g?w=128&h=272); 我在百度上查閱了一些文章，但是經(jīng)過(guò)測(cè)試基本都沒(méi)成...

    Maxiye 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<