天天看點

面試角度的前端學習路線

1.CSS兩欄、三欄布局

我知道是columns屬性,不過試驗了一下沒有生效。郁悶?。為什麼MDN的例子是正常的,我自己寫一個p标簽加上columns屬性不生效呢?

面試角度的前端學習路線

兩個元素對比

面試角度的前端學習路線

效果對比

很玄學吧,前端就是玄學,遇到這種問題真沒啥好說的,隻能慢慢排查,可能是浏覽器,也可能是代碼字元的問題。

但是最後的結果讓我驚呆了。原來是我輸入的字元串沒有空格,導緻排版時被當作一個單詞處理,因而無法形成分欄。那麼我是否可以結合word-break屬性(break-all:單詞斷行和break-word:一行顯示不下才斷行,否則換行)呢?可以,并且在這裡是一樣的。