当父元素和子元素都没有定义宽度的情况下实现水平居中：
display:inline-block
可以使用text-align:center和display:inline-block相结合，这个技巧需要一个父元素。
1、HTML代码:
代码如下:
<div class="navbar">
<ul>
<li><a href="/">Home</a></li>
…
</ul>
</div>
2、CSS代码:
代码如下:
.navbar {
text-align:center
}
.navbar ul {
display:inline-block
}
.navbar li {
float:left
}
.navbar li + li {
margin-left:20px
}
3、IE系列IE8+支持，要IE7 IE6 支持需要加入以下代码使display:inline像display:inline-block一样
代码如下:
.navbar ul {
*display:inline
*zoom:1
}
position:relative
使用position:relative与float相结合的技巧及其浮动和定位参照物的关系，这个技巧需要两个父元素，一个用来定位而另外一个用来避免出现滚动条。
HTML代码:
代码如下:
<div class="navbar">
<div>
<ul>
<li><a href="/">Home</a></li>
…
</ul>
</div>
</div>
CSS代码:
代码如下:
.navbar {
overflow:hidden
}
.navbar >div {
position:relative
left:50%
float:left
}
.navbar ul {
position:relative
left:-50%
float:left
}
.navbar li {
float:left
}
.navbar li + li {
margin-left:20px
}
浏览器支持度较低 只Chrome和Firefox这样的-webkit- -moz-内核浏览器。当然以后慢慢会发展起来的。
这个方式是推动浏览器发展的一个新的东西，目前供应于所以可以写前缀的浏览器，并没有工作在IE9和IE9以下。
根据你的需求来选择合适的方法吧，display:inline-block兼容性较好，flex-box将会用于未来。
10% { background:red} 表示背景在0－1秒内变红色；50% { width:80px} 表示宽度在0－5秒内由0变80px；
70% { border:15px solid yellow} 表示边框在0－7秒内由无边框变为15px实心的黄色边框；
100% { width:180pxheight:180px} 表示宽度从5－10秒变成180px，高度变成180px；
综上所述，前面的百分比，代表的是执行的时间，按秒来计算。
望采纳
1.一般情况，默认的div是写一个换一行，所以每一个div都是新的一行，div默认的display属性是block，把display换成inline就不会换新行了<div
style="display:inline">XXX</div>
<div
style="display:inline">XXXX</div>
2.使用float:right属性。float做为CSS中的一个属性定义元素向哪个方向浮动。float:right 文本或图像会移至父元素中的右侧。 如下的代码，这里注意一下float属性必须配合width使用，不然的话float属性不起作用
<td class="bg10">
<div style="width:120px
float:right">阅读次数：9999</div>
<div style="width:200px
float:right">发表日期：2009-09-10</div>
</td>
.bg10
{
background-image:url(../images/news_r6_c4.jpg)
height:24px
line-height:24px
color:#939393
}
