Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 表td和x27中的边框底部长度；s_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 表td和x27中的边框底部长度；s

Html 表td和x27中的边框底部长度；s

html css

Html 表td和x27中的边框底部长度；s,html,css,Html,Css,我到处寻找解决办法，但都没办法解决。 我想控制表中td元素的边框底部长度。 我放了两张截图。 有什么帮助吗？谢谢大家! 这是当前的结果： 它应该是这样的： 编辑： 这是代码（在商业订单页面） 为“td”添加虚线边框 border-bottom:1px dotted #000; 请添加以下代码 border-collapse: separate; border-bottom:1px dotted color; 您无法控制任何元素的边框长度。 相反，您可以控制元素本身的宽度，然后应用

我到处寻找解决办法，但都没办法解决。 我想控制表中td元素的边框底部长度。 我放了两张截图。 有什么帮助吗？谢谢大家!

这是当前的结果：


它应该是这样的：

编辑： 这是代码（在商业订单页面）


为“td”添加虚线边框


  border-bottom:1px dotted #000;



请添加以下代码


border-collapse: separate;
border-bottom:1px dotted color;



您无法控制任何元素的
边框长度
。

相反，您可以控制元素本身的
宽度
，然后应用属性
边框底部

现在，如果您需要元素没有完整的可用宽度。。。您可以使用宽度旁边的
边距
显示
（因为我们讨论的是表格）

前


td{

边距：10px；发布您为实现此目的而编写的代码。如果您不这样做，那么我们不是在帮助您，我们是在为您做。将您的代码发布到JSFIDLE或codepenTried中，边框底部的宽度在整个单元格上仍然是伸展的

border-collapse: separate;
border-bottom:1px dotted color;



td {
    margin: 10px;                    <-- to separete the cell from the border
    display: inline-block;           <-- replace the default "table-cell"
    border-bottom: 1px dotted #999;  <-- the dotted border
}