1

我想使用流体网格系统在我的引导站点中的所有“井”div 的顶部中心添加装饰。这目前似乎有效

.well {
    position: relative;
}
.well:before {
    content: url("http://placehold.it/20/E8117F");
    top: -10px;
    left: 45%;
    position: absolute;
}

但这left: 45%只是将其居中的近似值，有更好的方法吗？

这是我的小提琴http://jsfiddle.net/sguha095/WRB9F/

4

2 回答 2

2

如果内容是固定宽度（比如 50px），您可以设置

left: 50%;和margin-left:-25px;（宽度的一半）。

于 2012-10-18T00:07:58.477 回答
0

一个鲜为人知的事实是 CSS 将图像视为文本。使用该功能，您可能希望span在图像周围放置一个标签并将其样式设置为text-align: center，如下所示：

HTML 代码： 

<span class="centerImage"><img src="..." /></span>

CSS 代码： 

span.centerImage {
     text-align: center;
}

图像将居中。

于 2012-10-18T00:43:31.180 回答