媒體查詢換行符？

當屏幕分辨率很小而不是<br>時，是否有解決換行問題的方法？媒體查詢換行符？

因爲br斷線所有的時間:(

這裏我的代碼 <h2>I create unique, clean sites that are easy to navigate.<br>All my works comply with web</h2>

我認爲CSS3可能有這個問題

的解決方案是有這個<br>任何解決方案，因爲斷行只在移動頁面時需要

在此先感謝您的幫助

來源

2013-04-30 Muhammed

我愛 '我所有的作品符合網絡' :-) – 2013-04-30 16:05:55

包住第二句爲一個跨度元素，然後指定'顯示：給定寬度的元素。但我想有一個比這更清潔的解決方案或使用
– fcalderan 2013-04-30 16:06:40

您可以簡單地將一個類添加到BR標籤並將其設置爲display：none默認情況下爲none。

然後在你的移動媒體查詢其設置爲「顯示：靜態」

我建議靜態而不是塊，因爲我不認爲一個BR標籤是默認的顯示塊，可能是最好簡單地去靜態。

來源

2013-04-30 16:08:23

http://jsbin.com/iyamum/2/edit好吧，它的工作原理和「移動第一種方法」，沒有必要扭轉顯示 - 只是請記住在點和'
' – fcalderan 2013-04-30 16:15:51

之間放一個空格'display'沒有名爲'static'的屬性值，所以最好使用'block'。有關參考http://www.w3schools.com/jsref/prop_style_display.asp。但我仍然想知道'
' – Syed 2016-04-30 18:08:35

@Syed的默認顯示屬性是什麼？在靜態位置的幾件：http://alistapart.com/article/css-positioning-101 https://css-tricks.com/什麼，如果有沒有位置靜態/ https://developer.mozilla.org/en/docs/Web/CSS/position – 2016-05-09 13:12:21

你可以使用浮動，這種方式你永遠不需要考慮到捕捉點的位置。它既可以相互顯示，也可以立即對齊下一行，如果它們不合適的話。

span { 
    display: block; 
    float: left; 
    margin-right: 0.4em; 
}

的jsfiddle：http://jsfiddle.net/e4mWK/

來源

2013-04-30 17:04:54

這是一個很好的聰明的清潔解決方案！ – dkamins 2014-04-02 22:03:20

爲了補充Christian的回答，你也可以使用CSS空格：nowrap;屬性來包裝您不想換行的文本片段。即口號，專有名稱等 – Yann 2014-04-08 09:58:45

如果使用引導：

<br class="visible-xs">

來源

2016-09-06 18:33:03 totallytotallyamazing

是的，如果在問題中標記了引導程序，它是最好的答案之一 – Muhammed 2016-09-07 07:37:09

媒體查詢換行符？

回答

相關問題