我需要一些帮助。我一直在寻找,我还没有找到任何可行的方法。这就是我问这个问题的原因。我试图让,使文本和图像的DIV是内嵌另一个div这样的:使图像和文本内联div div
的图像和文字下都在一个DIV。这是如何完成的?
我需要一些帮助。我一直在寻找,我还没有找到任何可行的方法。这就是我问这个问题的原因。我试图让,使文本和图像的DIV是内嵌另一个div这样的:使图像和文本内联div div
的图像和文字下都在一个DIV。这是如何完成的?
给divs一个display: inline-block
或float: left
风格。我的意愿是display: inline-block
,因为你不需要清除后的浮动。
你可以试试这个,这里的黑盒子是外<div>
和内部两个框嵌套<div>
s的以下CSS属性:
.nesteddiv{
width: 50%;
display: inline-block;
text-align: center;
vertical-align: middle;
}
.nesteddiv img{
vertical-align: middle;
}
我会建议使用<figure>
和<figcaption>
标签与display: inline-block
组合用于此目的:
#container figure {
text-align: center;
display: inline-block;
}
<div id="container">
<figure>
<img src="http://lorempixel.com/100/100/business/1" />
<figcaption>Owner</figcaption>
</figure>
<figure>
<img src="http://lorempixel.com/100/100/business/2" />
<figcaption>Admin</figcaption>
</figure>
</div>
准确地说,我要去''display:inline-block'。快速回答;) – MattSizzle 2015-01-31 20:41:23