圖像在HTML中移動文本

我正在製作一個網頁，下面有一個按鈕，下面有一個鏈接。當我添加圖像時，按鈕和鏈接會移到圖像旁邊，我希望它們保持在圖像上方。這是我的代碼：圖像在HTML中移動文本

<div class="jumbotron-inner text-center"> 

    <h2>Random Text</h2> 

    <a href"#" class="btn btn-info btn-large">Button</a> 
    <a href"#">Link</a> 

    <img src="img/image.png" alt="" /> 




</div>

來源

2014-11-23 Brandon

這必須是因爲你沒有爲容器'jumbotron-inner'定義任何寬度，否則你可以簡單地使用'
' – 2014-11-23 06:08:19

感謝您糾正我的問題，但有一個按鈕和一個鏈接。（a href =「＃」）我的意思是讓我的「語法」如此。 – Brandon 2014-11-24 07:07:05

試試這個：

<div class="jumbotron-inner text-center"> 

    <h2>Random Text</h2> 
    <div> 
    <a href"#" class="btn btn-info btn-large">Button</a> 
    <a href"#">Link</a> 
    </div> 
    <div> 
    <img src="img/image.png" alt="" /> 
    </div> 

</div>

現在它應該工作，你想

來源

2014-11-23 06:08:40

你可以做到這一點還使用CSS-

a { 
    display:block; 
}

來源

2014-11-23 06:11:17 Rasel

圖像在HTML中移動文本

回答

相關問題