html table 标签的边框缺失

html table 标签的边框缺失,第1张

第一行 好像只有2列呢

可以改成css的

<html>

<head>

<meta charset="utf-8" >

<style type="text/css">

.datatab{border-left:1px solid #F00border-top:1px solid #F00overfloat:hidden}

.datatab td{border-right:1px solid #F00border-bottom:1px solid #F00}

</style>

</head>

<body>

<table class="datatab" cellspacing="0" cellpadding="0">

<tr>

<td width="60%">

工单编号:b3b954ce-d0aa-455d-b6ef-05698b26b86d

</td>

<td width="40%">

机型号:YW0506-E64G0128-5-6-2-5

</td>

<td>这是第3列</td>

</tr>

<tr>

<td width="50%" >1</td>

<td width="25%" >&nbsp</td>

<td width="25%" >&nbsp</td>

</tr>

</table>

</body>

</html>

1、标准中建议的做法是将文字部分用label标记括起来,并用for属性指向输入框的id

2、有了label就可以以block浮动了

3、浮动之后需要给label和input设置相同的行高,并给label一个宽度,再给个文本右对齐

4、label要clear:left,input要clear:right


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6172575.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-17
下一篇 2023-03-17

发表评论

登录后才能评论

评论列表(0条)

保存