72。
设置围绕表格的边框宽度的html代码是——72创建一个位于文档内部位置的链接的代码是——73。
设置每一行的高度为40px，内容显示居中。
td标签里面的width和height都是起作用的先看td的width吧，某一个td的width是和所处的一列每个td的width都相关的，取其中最大的width作为这一列中每个td的width，这点是让我们最混淆的地方，一定要从全局把握某个td的width，不能从这一个的width设置就断言它的宽度就是多少，这样是不准确的。当我们把每一列的宽度都弄清楚之后，事情就好办了。这时候各个td之间的宽度分配按照第二条中各 tr的height分配规律，有一点不同的是全部是默认的情况下，各td的width不是平均分配，而是根据各自的实际内容按比例分配。再看看td的height设置吧，这个相对简单一点了，不过各个td的height要看这个td所在的行的最大高度来确定这一行的每个td的height，然后各个行的高度情况和tr中的height分配原则是一样的。还有一点要注意，就是td的height和tr的height之间的关系。首先肯定是根据内容的需 要，在这个基础上，再根据设置的值来确定，哪个设置的值大就按照哪个，如果一个设置了值一个没有设置值，那么按照设置值的算。
1、示例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
table{
width: 100%;
text-align: center;
line-height: 50px;
}
table tr td{
border-left: 1px solid #00FF00;
}
</style>
</head>
<body>
<div>
<table>
<tr>
<th>姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>张三</td>
<td>23</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
</tr>
<tr>
<td>王思</td>
<td>21</td>
</tr>
</table>
</div>
</body>
</html>
2、实例结果
1,使用传统的方法
<table width="400">
<tr>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
</tr>
<table>
2,使用css
<style>
td{width:100px;}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
以上两种方法可能出现的问题就是,如果内容超过设定,如宽度大于100,会自然撑开,自动调节表格宽度
3,用css
<style>
td{width:100px;overflow:hidden}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
用这种方法,可以把超过的部分隐藏掉,如果需要严格控制的话,可以采用这种方法,如果把overflow的属性值设置成scroll或者auto的话,可以在超过的时候使用滚动条调节
HTML DIV CSS是一体的嘛 都是最基础的，并不是最新的思想。最简单的也是需要三者结合才能有效果啊。例如：
<!DOCTYPE HTML><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>测试页标题</title>
<style>
test {
height:300px;
width:980px;
margin:auto;
background-color:#EFEFEF;
border:1px solid #CCC;
}
</style>
</head>
<body>
<div class="test">
<span>测试页内容</span>
</div>
</body>
</html>
代码如下，这应该是比较简单的了。如果问题解决了，请采纳一下，谢谢了--表格的总宽度是300，边框大小是1\x0d\
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）