3 回答

TA貢獻(xiàn)1853條經(jīng)驗(yàn) 獲得超18個(gè)贊
考慮以下:
.prevNext {
display: table;
width: 100%
}
.prevNext a {
display: table-cell;
text-align: center
}
(另請(qǐng)參閱編輯的小提琴。)這是您要找的東西嗎?此技術(shù)的優(yōu)點(diǎn)是您可以添加更多項(xiàng)目,并且它們都將自動(dòng)居中。所有現(xiàn)代Web瀏覽器都支持。

TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超6個(gè)贊
首先,我喜歡的方法pseudo-element以保持標(biāo)記語義。我認(rèn)為您應(yīng)該堅(jiān)持采用整體方法。這比求助于表,不必要的標(biāo)記或在頂部腳本中獲取定位數(shù)據(jù)要好得多。
對(duì)于每個(gè)強(qiáng)調(diào)要text-align被黑客入侵的人-來吧!最好讓html在語義上犧牲CSS而不是相反。
因此,據(jù)我所知,您正在嘗試實(shí)現(xiàn)這種合理的內(nèi)聯(lián)塊效果,而不必?fù)?dān)心line-height每次都會(huì)重置嗎?我認(rèn)為您只需添加
.prevNext *{
line-height: 1.2; /* or normal */
}
然后,您可以進(jìn)行編碼,好像什么都沒有發(fā)生。*如果您擔(dān)心性能,這是Paul Irish關(guān)于選擇器的報(bào)價(jià):
“ ...除非您將所有JavaScript串聯(lián)在一起,將它放在底部,縮小CSS和JS,壓縮所有資產(chǎn),并無損壓縮所有圖像,否則您不應(yīng)該關(guān)心*的性能。要獲得90以上的頁面速度得分,現(xiàn)在考慮選擇器優(yōu)化還為時(shí)過早?!?/p>
希望這可以幫助!
-J科爾·莫里森
添加回答
舉報(bào)