成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

justCoding / 713人閱讀

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

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

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


    
    
    



        
噴我吧

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

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

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

    

        噴我吧噴

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/116994.html

相關(guān)文章

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

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

    Aomine 評論0 收藏0

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

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

    luffyZh 評論0 收藏0

  • 短標(biāo)題自動兩端對齊

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

    Maxiye 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<