Question

我有HTML格式的div，有i Picture和一段文字。我有所有这个中心通过保证金，但它都在左边。为什么？ 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;
}

Answer 1

自动边距中心块元素。该图片为display: inline（默认值）。

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

Answer 2

您可能还需要.slozka居中。

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

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

Answer 3

use this
.slozka { text-align: center; }

Answer 4

您只需向“text-align: center;”类

提供“.slozka{...}”即可

通过CSS中心不起作用

4 个答案: