图像在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中移动文本

回答

相关问题