針對長內容的不同CSS規則

如果頁面內容「很長」，是否可以根據信息準備不同的樣式來更改頁面佈局。我想在內容很長時啓用CSS3列，並在內容較短時禁用它們。針對長內容的不同CSS規則

你如何定義「長」？它是開放的 - 它可以是一定量的段落，像素數等

類似的媒體查詢，可以改變依賴於瀏覽器窗口寬度的風格：

@media only screen and (min-width: 1278px) { 
    /* code for wide-screen window */ 
}

我想用純CSS如果可能的話，不要使用JavaScript（使用JavaScript很簡單 - 我只需在測量頁面偏移量後添加一個類）。

來源

2013-02-06 Wiktor

由於CSS無法知道究竟構成「長」或「短」內容，不，你不能用純CSS做到這一點。 – BoltClock

我沒有使用列的經驗，但你也許可以做一些事情，比如把所有內容放在列項（或包含div）設置爲你認爲足夠長的任何長度而不是多列，設置寬度，然後將列數設置爲自動。然後，隨着內容變長，而不是推下來它推入一個新的專欄......正如我說我沒有與列工作，甚至沒有一段時間的CSS，所以我不知道這是否有可能這樣做.. – Toby

嗯，我在想像父母選擇器的東西：http://stackoverflow.com/questions/2000582/css-selector-for-foo-that-contains-bar結合像「包含15 p元素」，但我不信我們不想指出一個具體的方向，因爲現在這是一個死路一條。 – Wiktor

據我所知是沒有辦法與媒體查詢

爲height屬性的W3規範指定是不是實際的內容，高度而不是瀏覽器的高度，類似於width屬性。

我會盡量按照您所描述的方式使用快速JS解決方案。

來源

2013-02-06 16:37:14 Martin

針對長內容的不同CSS規則

回答

相關問題