日期:2014-05-17  浏览次数:20803 次

关于不定长度<a></a>的背景颜色,如何固定呢

 我现在有不同的数据,长度不一样,全部是动态生成,所以我不知道以下数据,但我知道所有数据长度不能超过6个字符

 假如说
JScript code

<a>中国</a>
<a>中国人</a>
<a>中国人民</a>



我如何也能让他们的背景颜色的长度,都等于6呢??


不知道我说的清不清楚,希望兄弟姐妹帮帮忙。我弄不出来。

------解决方案--------------------
中国,中国人,中国人民,背景长度如果不等于6用空格(&nbsp;)填充起来,Ok了.
------解决方案--------------------
HTML code

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>
        <style>
            a {
                display:inline-block;
                font-size:12px;
                width:72px; /* 12×6 */
                background:#ddd;
            }
        </style>
    </head>
    <body>
        <a>中国</a>
        <a>中国人</a>
        <a>中国人民</a>
    </body>
</html>

------解决方案--------------------
<style type="text/css">
a.a01:link, a.a01:visited{font-size:12px; font-family:verdana; width:80px; margin:1px; color:#003399; display:inline-table; background-color:#FFCC33;}
a.a01:active, a.a01:hover{font-size:12px; font-family:verdana; width:80px; margin:1px; color:#990000; display:inline-table; }
</style>
<a class="a01" href="#">中国</a><br>
<a class="a01" href="#">中国人</a><br>
<a class="a01" href="#">中国人民</a><br>

参考...
------解决方案--------------------
探讨
<style type="text/css">
a.a01:link, a.a01:visited{font-size:12px; font-family:verdana; width:80px; margin:1px; color:#003399; display:inline-table; background-color:#FFCC33;}
a.a01:active, a.a01:hov……

------解决方案--------------------
<a><span>中国</span></a>
<a><span>中国人</span></a>
<a><span>中国人民</span></a>

设置 span宽度及背景色,再Google搜索一篇 span无高度宽度解决方法,即可解决你的问题