一千萬個為什麽

搜索

動態HTML正文寬度(超過100%)

我正在創建一個橫向網頁,我正在嘗試根據其中的內容動態擴展主體。

I am building the website here: http://www.obliquo.co.uk/

正如你所看到的一切正常,但我被迫設置一個巨大的像素值體寬。 頁面上的內容將一直在變化。如果我沒有設置像素的寬度,div會自然地垂直開始。

最佳答案

我沒有花時間完全理解您的HTML,但假設以下結構:

<div id="container">
    
...
    
...
    
...
    
...
    
...
    
...
</div>

使用以下CSS:

#container {
    white-space: nowrap;
}
section, article {
    display: inline-block;
    white-space: normal;
    /* no float */
}

這將允許每個部分/文章作為內聯元素流動(即,換行)。但 white-space:nowrap 聲明會阻止包裝並將其保持在同一行。

轉載註明原文: 動態HTML正文寬度(超過100%)