我将border:dashed应用于我的表格单元格,在某些地方,破折号与其他表格单元格的破折号合并。请参见下图。有没有一种方法可以在不直接将样式应用于行的情况下防止这种情况发生?稍后编辑:我直接将样式应用到tr并得到相同的结果。 最佳答案 您必须折叠table元素的border,所以摆脱它并使用border-collapse:separate;和border-spacing:1px;改为table{border-spacing:1px;border-collapse:separate;}tabletrtd{border-bottom
当我输入这个时:.tavit{width:400px;height:300px;background-color:yellow;border:dashed;/*FirstIapplied-border:dasheddouble(Inordertogetadoubledashedborder-butitdidn'tworkforsomereason*/border-style:double;margin:auto;font-size:medium;text-align:right;}.adom{color:red;font-size:xx-large;text-align:center;
当我输入这个时:.tavit{width:400px;height:300px;background-color:yellow;border:dashed;/*FirstIapplied-border:dasheddouble(Inordertogetadoubledashedborder-butitdidn'tworkforsomereason*/border-style:double;margin:auto;font-size:medium;text-align:right;}.adom{color:red;font-size:xx-large;text-align:center;
这是我的fiddle:http://jsfiddle.net/gFA4p/84/在此屏幕截图中,绿线代表我尝试应用虚线的位置。我能够让左右边框显示为虚线,但不是底部边框。我该如何解决? 最佳答案 您看到的问题是由于边界崩溃时的冲突解决规则所致。实线优先于虚线:http://lachy.id.au/dev/css/tests/bordercollapse/bordercollapse.html我相信您还需要点缀冲突的边界。因此,如果您要对单元格的左边框进行点缀,则需要使单元格左侧的右边框也被点缀(或任何优先级较低的内容,但点缀最有意义
这是我的fiddle:http://jsfiddle.net/gFA4p/84/在此屏幕截图中,绿线代表我尝试应用虚线的位置。我能够让左右边框显示为虚线,但不是底部边框。我该如何解决? 最佳答案 您看到的问题是由于边界崩溃时的冲突解决规则所致。实线优先于虚线:http://lachy.id.au/dev/css/tests/bordercollapse/bordercollapse.html我相信您还需要点缀冲突的边界。因此,如果您要对单元格的左边框进行点缀,则需要使单元格左侧的右边框也被点缀(或任何优先级较低的内容,但点缀最有意义
我想在HTML页面的同一行上显示一些文本,然后显示虚线,然后显示更多文本,例如Name:..........................................................(Engineer)我希望“姓名”相对于左边框左对齐,“工程师”相对于右边框右对齐,然后浏览器能够用重复的点填充两者之间的空隙。我已经尝试了几种不同的方法来使用CSS和HTML使它工作,但不太正确。我不想指定每个组件的宽度(实际或百分比),以便解决方案可重复使用不同长度的单词,例如相同的解决方案适用于:FactoryLocation:..........................
我想在HTML页面的同一行上显示一些文本,然后显示虚线,然后显示更多文本,例如Name:..........................................................(Engineer)我希望“姓名”相对于左边框左对齐,“工程师”相对于右边框右对齐,然后浏览器能够用重复的点填充两者之间的空隙。我已经尝试了几种不同的方法来使用CSS和HTML使它工作,但不太正确。我不想指定每个组件的宽度(实际或百分比),以便解决方案可重复使用不同长度的单词,例如相同的解决方案适用于:FactoryLocation:..........................
我在HTML表格单行的几个连续单元格上应用了CSSborder-bottom:1pxdashed#494949;,但边框不统一。每个单元格末尾的破折号看起来稍长。虚线边框也不统一。我也在使用border-collapse:collapse;截图如下:有什么方法可以获得统一的虚线边框吗? 最佳答案 我在我的应用程序中解决此问题的方法是添加一个额外的行,该行与带有虚线边框的行具有相同的colspan。边界将与跨度的长度一致: 关于html-表格单元格中的非均匀虚线边框,我们在StackOve
我在HTML表格单行的几个连续单元格上应用了CSSborder-bottom:1pxdashed#494949;,但边框不统一。每个单元格末尾的破折号看起来稍长。虚线边框也不统一。我也在使用border-collapse:collapse;截图如下:有什么方法可以获得统一的虚线边框吗? 最佳答案 我在我的应用程序中解决此问题的方法是添加一个额外的行,该行与带有虚线边框的行具有相同的colspan。边界将与跨度的长度一致: 关于html-表格单元格中的非均匀虚线边框,我们在StackOve
我正在使用此CSS删除单击超链接时出现的虚线边框a:active,a:focus,input{outline:0;outline-style:none;outline-width:0;}这工作正常,但不适用于具有背景图像的输入按钮。 最佳答案 我不适合质疑你的设计决定,所以你开始吧。只需将此添加到您要删除虚线的任何链接onfocus="if(this.blur)this.blur()" 关于html-单击时删除虚线边框,我们在StackOverflow上找到一个类似的问题: