HTML按鈕不會停止包裝

我有一些HTML/CSS按鈕靠近我的網頁頂部水平排列在彼此旁邊。當網頁被視爲正常（全屏）時，一切正常，但當您調整瀏覽器窗口的大小時（即使其不全屏），按鈕開始消失。當您開始拖動瀏覽器窗口的寬度範圍時，每個按鈕都會單獨消失。如果我沒有解釋得很好，在這裏我們的圖片展示它。HTML按鈕不會停止包裝

之前拖動按鈕上：左：

我已經通過包括「浮試圖對堆棧溢出類似的問題的共同的解決辦法：

拖過按鈕後「和」white-space：nowrap「在CSS類中，但按鈕仍然包裝。製作按鈕的HTML是：

<div class="buttons"> 
    <div onmousedown="return false"><a class="aBtn" href="DPS_Guitarspg3.html">Guitars</a></div> 
    <div onmousedown="return false"><a class="aBtn" href="DPS_Guitarspg4.html">Basses</a></div> 
    <div onmousedown="return false"><a class="aBtn" href="DPS_Guitarspg2.html">Our Philosophy</a></div> 
    <div onmousedown="return false"><a class="aBtn" href="DPS_Guitarspg5.html">Custom Orders</a></div> 
    <div onmousedown="return false"><a class="aBtn" href="DPS_Guitarspg6.html">Contact Us</a></div> 
    </div>

爲 'aBtn' 類的CSS是：

.aBtn { 
    /*left-10 due to automated spaceing in browser*/ 
    text-decoration: none; 
    color:rgb(111,0,100); 
    background-color:rgb(0,0,5); 
    border:1px solid transparent; 
    font-family: "arial"; 
    padding:8px 40px; 
    width: auto; 
    height: 5%; 
    top:60px; 
    float: left; 
    white-space: nowrap; 
}

任何幫助表示讚賞和感謝提前。

來源

2016-05-23 FIDGET

不知道你的目標是什麼，但你可以將固定寬度添加到按鈕容器.... – sinisake

我基於@nevermind說使用固定寬度比按鈕不會降低是你想要什麼？ https://jsfiddle.net/ych87nz1/ – nonstop328

當窗口/容器變得如此狹窄以至於他們不再適合那裏時，你想要發生什麼 - 變小，有一個滾動條，垂直放置，隱藏？ – Johannes

兼用width或按鈕類min-width並設置display以阻止或inline-block的

來源

2016-05-23 19:40:15

我不太確定你的目標是什麼，但你可以嘗試float按鈕right而比left，看看是否有所作爲。

來源

2016-05-23 20:16:34 Lxs29

目標是當窗口邊緣穿過它們時，讓按鈕保持在它們所在的位置。因此，即使技術上只是在可視屏幕之外，按鈕最終也不應該出現 – FIDGET

HTML按鈕不會停止包裝

回答

相關問題