CSS样式使HTML标签占满父容器的方法
2016-03-01 16:21
525 查看
只需要在子元素的css样式中写：
width: 100%;
height: 100%;
display: inline-table;
即可。
举例：
a标签就能占满它的父容器td。
其它标签例如div、span、p也是一样一样的。
width: 100%;
height: 100%;
display: inline-table;
即可。
举例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
table {
width: 300px;
height: 100px;
}
table tr td {
width: 25px;
}
table tr td a{
width: 100%;
height: 100%;
display: inline-table;
}
</style>
</head>
<body>
<table>
<tr>
<td>
<a href="#">韩立</a>
</td>
<td>
<a href="#">青竹蜂云</a>
</td>
<td>
<a href="#">元磁</a>
</td>
<td>
<a href="#">大纲</a>
</td>
</tr>
</table>
</body>
</html>a标签就能占满它的父容器td。
其它标签例如div、span、p也是一样一样的。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐