2016-10-22 57 views
1

我想知道是否有任何好處,使用<br>而不是css white-space:pre-wrap使用CSS預包裝vs br?

我遇到的大多數網站都使用<br>作爲評論部分和其他用戶書寫部分的換行符,而不是預先換行。左邊想知道這有什麼好處,因爲pre-wrap似乎更容易實現,允許用戶放置自己的行間距等等;對我而言,這似乎是一種更好的用戶體驗。

唯一的缺點似乎是那些非常古老的瀏覽器(IE7),這種恐怖似乎早已被遺忘,現在使用和支持如此之低,並不完全支持空白。

回答

0

對我個人而言,使用white-space: pre-wrap的缺點不會計算額外的空格/製表符,這些HTML會將多個空格統計爲一個單獨的空格。這有時候可能會很難看,並且它還會使UI開發人員更少地控制評論部分(例如)的樣子,以及可變的用戶輸入。

查看這個Codepen的例子可能會搞砸事物,注意單詞之間的空格可能出現在新行的開頭,以及空間如何佔用整行。

我個人只是喜歡堅持傳統的<br />的方式,因爲它允許我更好地控制內容以預期的方式顯示。

+0

預包裝實際上節省了空白。看看http://www.w3schools.com/cssref/pr_text_white-space.asp – 2016-10-22 08:30:07

+0

@PHClaus是的,這可能不是你想要做的,如果你正在比較'br'和'pre-wrap'用於顯示註釋部分(如OP所述)。 –

+0

在我自己的網站上使用它的評論和它的作品相當不錯。根據良好的風格,你會發現很多推薦放棄CSS贊成CSS。我傾向於避免完全使用div代替。只是個人的品味問題,恕我直言。 – 2016-10-22 08:40:00