<分区>
<分区>
我下面的代码,我只想将所有内容居中对齐,但我无法确定它不会像所有其他 div 一样工作。
编辑;从上面添加了 HTML。这可能是原因,影响模型的东西,但我不明白为什么....grrrr
而且,我没有 CSS,唯一的 CSS 文件用于不同 div 中的表单。其他一切都符合 ftw。
--------------
<div id="softphone-enable" style="float: right; position: relative; top: -15px">
<p> </p>
<label>Enable: </label>
<input name="sft-enable" id="sft-enable" type="checkbox" value="0">
<p> </p>
</div>
--------------
<div class="section">Provisioning</div>
<div id="softphone-main">
<div id="softphone-links" style="text-align: center;>
<a href="https://play.google.com" target="_blank">
<img id="android-img" style="height: 60px; width: 200px;" border="0" src="/Images/google-play-badge.png" alt="android" /></a>
<a href="https://itunes.apple.com/" target="_blank">
<img id="osx-img" style="height: 60px; width: 200px;" border="0" src="/Images/app-store-badge.png" alt="osx" /></a>
</div>
</div>
</div>
最佳答案
没有您的 CSS,我们无法直接正确地回答问题。 如果尝试居中,很可能您的 anchor 标记被设置为 block 级元素。
如果您的图片没有以 margin: 0 auto 居中,可能是因为它们是内联元素。将它们设置为阻止,这应该有助于解决问题。另外,文本对齐:居中;在 anchor 标签上将是一个很好的后备。
<a href="#" class="block">
<img src="http://placehold.it/350x150">
</a>
<a href="#" class="block">
<img src="http://placehold.it/350x150">
</a>
a.block {
width: 500px;
display: block;
background: white;
/* text-align: center; */
}
a.block img {
display: block;
margin: 0 auto;
}
关于html - 为什么我不能将这两个图像放在 div 支架的中心?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41364050/