1

我有 HTML 中的 div，有 i 图片和一段文字。我有所有这些中心到边缘，但它都在左边。为什么？HTML：

<div class="slozka">
    <img src="http://randompics.net/gmig6jx/" alt="složka"></br>
    {{object}}
</div>

CSS：

.slozka
{
    width:125px;
    padding:0px
}
.slozka > img
{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    padding:0px;
}
.slozka:hover
{
    border-style: outset;
}
4

4 回答 4

4

自动边距中心块元素。该图像是display: inline（默认）。

改为设置.slizka { text-align: center; }（这使内联内容居中）。

于 2013-09-18T17:24:59.177 回答
0

您可能还需要居中.slozka。

.slozka
{
    width:125px;
    padding:0px;
    margin: 0 auto;
    text-align: center;
}

此外，如果</br>应该是换行符，那么它是正确的，你需要<br />

于 2013-09-18T17:25:55.040 回答
0 
use this
.slozka { text-align: center; }
于 2013-09-18T17:26:08.837 回答
0

你只需要提供“ text-align: center;”到“ .slozka{...}”类

于 2013-09-18T17:47:44.547 回答