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

时间:2021-03-19 17:40:56

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

 假如说

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


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


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

7 个解决方案

#1


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

#2



<!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>

#3


大神们,你们醒醒吧。。

#4


<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>

参考...

#5


引用 4 楼 shenzhennba 的回复:
<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……



标准模式下 ie 6 不支持 display:inline-table

#6


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

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

#7



 <style type="text/css">
li {
background-color: gray;
width:85px;
}
li {
float:left;
margin-right:10px;
}



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

#1


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

#2



<!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>

#3


大神们,你们醒醒吧。。

#4


<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>

参考...

#5


引用 4 楼 shenzhennba 的回复:
<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……



标准模式下 ie 6 不支持 display:inline-table

#6


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

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

#7



 <style type="text/css">
li {
background-color: gray;
width:85px;
}
li {
float:left;
margin-right:10px;
}



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