有人發現一個 CSS 排版的問題,後來我發現,只要是這樣
<ul><li><span class="abc">一堆文字....一堆文字....<a>一堆文字</a>....</span>
在 css 中指定 li 底下 span 的文字大小, 例如
.abc {font-size: 30px; }
而那一堆文字中若有一些標記,不只是 <a>, 我試過 <b> 甚至 <c>,標起來的文字都會上移,不過要夠長,捲到第二行之後才會看到。
底下是測試截圖,我加了下底線。
Chrome 和 Edge 都會如此,IE 則不會。
找了一些類似的資料,還不知真正的原因,但 css 這樣設定就可以解決
li span { display:block; }
結果截圖如下:
不過會不會有什麼副作用就不清楚了。