国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

justCoding / 661人閱讀

摘要:我查了下奇巧淫技是什么意思,嘎嘎。我問寫個文章會不會被封,他說應該不會,只會被別人揍,哈哈

我是一個小白
我是一個小白
我是一個小白
噴我吧,哈哈

寫樣式的是時候經常會碰到字體兩端對齊的效果,一般就網上找端css樣式復制下就結束了,沒有考慮過原理是啥
貼下代碼


    
    
    



        

噴我吧

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

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

除了偽元素,你也能加個行內塊元素img input啥的,也能達到效果,但是建議還是用偽元素比較好吧

    

噴我吧噴

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

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/116994.html

相關文章

  • 探索發現:CSS實現中文兩端對齊

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

    Aomine 評論0 收藏0
  • 探索發現:CSS實現中文兩端對齊

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

    luffyZh 評論0 收藏0
  • 短標題自動兩端對齊

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

    Maxiye 評論0 收藏0

發表評論

0條評論

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