position relative :  对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置。

居中方法:

css中增加

left: 50%;

margin-left: -35px

其中,-35px为原宽度(70px)除以2所得。


示例:

html代码:

<div class="carousel_post_details">

<h3><a href="#">火星救援</a></h3>

<div class="star-rating">

<span style="width: 60%"></span>

</div>

</div>

css代码:

.star-rating {

font-family: "fontello";

letter-spacing: 1px;

overflow: hidden;

position: relative;

margin-bottom: 5px;

height: 15px;

line-height: 15px;

font-size: 15px;

width: 70px;

white-space: nowrap

}

增加如下代码:

.carousel_post_details .star-rating {

left: 50%;

margin-left: -35px

}