我现在有不同的数据,长度不一样,全部是动态生成,所以我不知道以下数据,但我知道所有数据长度不能超过6个字符
假如说
<a>中国</a>
<a>中国人</a>
<a>中国人民</a>
我如何也能让他们的背景颜色的长度,都等于6呢??
不知道我说的清不清楚,希望兄弟姐妹帮帮忙。我弄不出来。
7 个解决方案
#1
中国,中国人,中国人民,背景长度如果不等于6用空格( )填充起来,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>
参考...
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
标准模式下 ie 6 不支持 display:inline-table
#6
<a><span>中国</span></a>
<a><span>中国人</span></a>
<a><span>中国人民</span></a>
设置 span宽度及背景色,再Google搜索一篇 span无高度宽度解决方法,即可解决你的问题
<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用空格( )填充起来,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>
参考...
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
标准模式下 ie 6 不支持 display:inline-table
#6
<a><span>中国</span></a>
<a><span>中国人</span></a>
<a><span>中国人民</span></a>
设置 span宽度及背景色,再Google搜索一篇 span无高度宽度解决方法,即可解决你的问题
<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>