資訊專欄INFORMATION COLUMN
摘要：我查了下奇巧淫技是什么意思，嘎嘎。我問寫個文章會不會被封，他說應(yīng)該不會，只會被別人揍，哈哈
我是一個小白
我是一個小白
我是一個小白
噴我吧,哈哈
寫樣式的是時候經(jīng)常會碰到字體兩端對齊的效果,一般就網(wǎng)上找端css樣式復(fù)制下就結(jié)束了,沒有考慮過原理是啥
貼下代碼
噴我吧
我就納悶為啥要在p標(biāo)簽后面加一個偽元素是為了什么?但是刪除偽元素之后發(fā)現(xiàn)text-align:justify就不起作用了
問了別人才知道,text-align:justify只適用于多行文字,而最后一行是不起作用的,
如圖
所以,如果要讓單行兩端對齊的話,必須要這行文字不顯示在最后一行上,需要在兩端的對齊的標(biāo)簽上添加了一個偽元素(塊級元素,或者行內(nèi)塊元素,只要有寬度就行),寬度100%令這個偽元素自動換行至最后一行,這樣你所需要的"兩端對齊"就能顯示在字體上了。
除了偽元素,你也能加個行內(nèi)塊元素img input啥的，也能達(dá)到效果，但是建議還是用偽元素比較好吧
噴我吧噴
這么傻的問題，也是問的別人才明白的，別人說這個是奇巧淫技。我查了下奇巧淫技是什么意思，嘎嘎。我問寫個文章會不會被封，他說應(yīng)該不會，只會被別人揍，哈哈
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/116994.html
摘要：今天在搜索實現(xiàn)中文兩端對齊的解決方法時，偶然發(fā)現(xiàn)了這個我遇到問題是看不到效果，無論是英文還是中文，在和下都不起作用。首先，大家要知道，是專門為英文設(shè)計的，誰叫是老外發(fā)明的呢，用來實現(xiàn)英文語句的兩端對齊。 今天在搜索CSS實現(xiàn)中文兩端對齊的解決方法時，偶然發(fā)現(xiàn)了這個hack： 我遇到問題是：看不到效果，無論是英文還是中文，在IE和chrome下都不起作用。還好在StackOverflo...
摘要：今天在搜索實現(xiàn)中文兩端對齊的解決方法時，偶然發(fā)現(xiàn)了這個我遇到問題是看不到效果，無論是英文還是中文，在和下都不起作用。首先，大家要知道，是專門為英文設(shè)計的，誰叫是老外發(fā)明的呢，用來實現(xiàn)英文語句的兩端對齊。 今天在搜索CSS實現(xiàn)中文兩端對齊的解決方法時，偶然發(fā)現(xiàn)了這個hack： 我遇到問題是：看不到效果，無論是英文還是中文，在IE和chrome下都不起作用。還好在StackOverflo...
摘要：是為了讓偽元素寬度和父元素相同并單獨(dú)占滿一行?？偨Y(jié)下來也就是說，偽元素自己獨(dú)占了一行使瀏覽器認(rèn)為該元素不是一行文字，而是兩行，所以就生效了。 前幾天在交流群里碰到了這樣的一個問題怎樣讓下圖這組短名字保持長度一致，兩端對齊呢？showImg(https://segmentfault.com/img/bVUE2g?w=128&h=272); 我在百度上查閱了一些文章，但是經(jīng)過測試基本都沒成...
閱讀 2827·2021-10-11 10:57
閱讀 1692·2021-09-26 09:55
閱讀 1390·2021-09-06 15:11
閱讀 3548·2021-08-26 14:16
閱讀 794·2019-08-30 15:54
閱讀 599·2019-08-30 12:43
閱讀 3405·2019-08-29 16:18
閱讀 2663·2019-08-23 16:14
