html – 使用colspan时双点边框

前端之家收集整理的这篇文章主要介绍了html – 使用colspan时双点边框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有什么似乎是一个简单的问题,但搜索网没有产生任何结果.

我有一张桌子

  1. <table>
  2. <tr>
  3. <td colspan="3">
  4. <img src="something.png" />
  5. </td>
  6. </tr>
  7. <tr>
  8. <td>
  9. Hello
  10. </td>
  11. <td>
  12. World
  13. </td>
  14. <td>
  15. !
  16. </td>
  17. </tr>
  18. </table>

< tr>元素都有边框顶部:点缀1px黑色,除了中央< td>第二个< tr>中的元素.

此元素具有双边框,因此显示为实线,删除colspan可解决问题.

我已经尝试应用边框崩溃:崩溃到表,这没有工作,我试图添加内容的形式& nbsp;在第一个< td>之内而不是一个图像,这还没有工作.

任何想法有谁?

解决方法

添加边框崩溃:单独;到你的桌子修复问题,见 http://jsfiddle.net/quyMy/

我为这个小提琴添加了一个动态测试用例.点击任何地方,原始/新表的可见性将会切换,让您看到差异更容易.

摆脱意外边界的另一种方法添加一个简单的< tr>< / tr>之后包含< td colspan = 3>.

猜你在找的HTML相关文章