CSS中怎么把Span标签设置为固定宽度
日期：2014-05-17 浏览次数：20685 次
CSS中如何把Span标签设置为固定宽度
本文总结CSS中SPAN标签的固定宽度设置问题，一般在日志文章标题+日期展示时经常遇到，所以就顺便把SPAN几种组合情况一起汇总一下。包括独立行固定宽度、同行固定宽度和同行居中固定宽度。关于SPAN标签浮动靠右对齐方法，目前考虑到兼容IE6前提下，似乎只有反向浮动和相对定位两种方式（参文末），没发现更好的方法。
一、形如<span>ABC</span>独立行设置SPAN为固定宽度
方法如下：
span {width:60px; text-align:center; display:block; }
实际验证结果：IE6 OK， FIREFOX 3 OK。
测试实例：
<style type="text/css"> |
.sa span {width:100px; text-align:center; display:block; background:#C00;margin:10px 0px 0px 0px;color:#FFF;font-size:15px;}
|
</style> |
<div class="sa"> |
????????<span>天缘</span> |
? ???<span>天缘博客</span> |
????????<span>天 缘 博 客</span> |
</di
|
