我的上一個按鈕和下一個按鈕往往會在上下移動時出現較大字體的下一頁

所以，我遇到了我的按鈕的一個小問題，基本上當我點擊下一個按鈕並且頁面有更多的正文單詞，那麼按鈕往往會垂直向下移動，並在頁面上以較少的單詞向上移動。我的上一個按鈕和下一個按鈕往往會在上下移動時出現較大字體的下一頁

.azibsButtons { 
 
    padding-top: 100px; 
 
    padding-left: 10px; 
 
    padding-right: 10px; 
 
}

<div class="azibsButtons"> 
 
    <button type="button" id="previous" class="btn btn-primary pull-left">Prev</button> 
 

 
    <button type="button" id="next" class="btn btn-primary pull-right">Next</button> 
 

 
    <button type="button" id="submit" class="btn btn-primary pull-right">Submit</button> 
 
</div>

我需要的按鈕在一個位置是穩定的，請。

來源

2017-06-23 Micheal

嘗試使用位置：上.azibsButtons – Chiller

無絕對，它沒有幫助，按鈕被連接在一起，仍然垂直上下移動@Chiller – Micheal

嘗試爲內容區域添加高度並設置爲overflow-y：滾動 –

如果我理解正確，即使頁面加載新文本正確時，也希望按鈕被修復？

好吧，如果內容不包含在某種（框架）中，那麼按鈕會根據文本的長度而變化，這就是網絡的工作原理。

，但你現在可以不管文字有多長容器高度設置文本的容器height: 200px;的高度，並允許使用 overflow-y: scroll;這樣滾動條固定

來源

2017-06-23 14:47:36 kapreski

我把高度放在上面，現在按鈕不動！大！但最新的溢出：滾動;我需要它嗎？ – Micheal

好的高度：200px;但是當我刷新頁面時，它會回到原來的樣子。爲什麼是高度：200px;不保存？ – Micheal

如果文本太大，太大，'overflow-y：scroll'會在右側放置一個滾動條，以便文本包含在該元素（div？）中，如果你想將其視爲一個框架知道文本不會太長，那麼設置多少像素的「高度」就可以做到這一點 – kapreski

好的，我們走吧。所以，你不想要的按鈕移動，所以我想出瞭解決的辦法是把周圍的文本div元素：

<div class="text"> 
    <p> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent faucibus porta lectus at elementum. Morbi purus ligula, vestibulum nec accumsan id, dignissim vestibulum leo. Vestibulum eu sapien eros. Phasellus tristique convallis tortor in ornare. Duis euismod lectus enim. Vestibulum pulvinar felis eget ex posuere molestie. Phasellus molestie magna at orci elementum blandit. Curabitur laoreet molestie sapien, in rutrum purus sollicitudin vel. 

    </p> 
</div>

然後創建一個類，在這種情況下，文本。

.text { 
    width: auto; 
    height: 500px; 
}

這應該被設置爲您最大的一段文字的最大高度。這是我的fiddle

來源

2017-06-23 14:43:40 InvincibleM

我要試試 – Micheal

不，它不能正常工作 – Micheal

你能解釋一下嗎？像什麼不工作等 – InvincibleM

我的上一個按鈕和下一個按鈕往往會在上下移動時出現較大字體的下一頁

回答

相關問題