Question

在网页制作中如何使用CSS让DIV下的文字居中呢

最近在学CSS+DIV控制时遇到这样的问题DIV里的动态输出的数据怎么弄也不能水平居中,,
<tr>
<td height="25" align="center" valign="bottom"><div class="flink"> <span class="di">友情链接：</span>{{link}} </div></td>
</tr>

上面是那是调用友情链的代码

======================================
'== 读取文字链接
sql="select * from zm_link order by ord asc"
link="<ul>"
Set rs=conn.execute(sql)
do while not rs.eof
link=link&"<li><a href='"&rs("url")&"' target='_blank'>"&rs("name")&"</a></li>"&vbcrlf
rs.MoveNext
loop
link=link&"</ul>"
rs.Close
Set rs=Nothing
===============================
CSS里对对它的控制代码
/*底部友情链接*/
.flink {
width:990px;
text-align:center;
margin:0;
padding:0;
}
.flink span {
float:left;
display:block;
height:20px;
width:80px;
padding-top:10px;
padding-left:5px;
}
.flink ul{
float:center;
width:900px;
height:20px;
list-style:none;
padding:0;
margin:0;
}
.flink ul li{
float:left;

}

.flink ul li a{
display:block;
height:20px;
width:80px;
padding-top:10px;
padding-left:5px;
color:#9F9F9F;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
=============================================
目的就是要那些友情链接相对页面居中

Answer 1

将DIV内的文字加上<center>标签应该就可以了，
比如
<div style="width:155px;height:20px;background:#00ff00;">
<center>
<span class="di">友情链接</span>
</center>
</div>
这样就能让你友情链接4个字剧中了，你中间添加的是动态文字也可以没问题的。
不过要注意要设置你DIV的大小，也就是width和height不然他会默认按全屏居中

Answer 2

http://www.missyuan.com/thread-376341-1-2.html

Answer 3

mark