image - 以图像为中心的空 DIV

Question

我正在尝试将一个空元素 DIV 与 CSS 中定义的图像居中。我想将 DIV 与图像居中。

很难解释。

这是现场演示http://www-kodovani.cz/test.html - 我想获得与上面文本相同的居中元素#button。我知道元素居中，但图像忽略了它。

Answer 1

我认为您正在寻找的是添加“margin：0 auto;” 到 div 元素？

.nase-portfolio {
width: 180px;
margin: 0 auto;
height: 70px;
background: url(images/button.png) no-repeat;
}

Answer 2

尝试

#button {
display: table;
margin: 0 auto;
text-align: center;
}