html – 使用colspan时双点边框

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

我有一张桌子

<table>
    <tr>
        <td colspan="3">
            <img src="something.png" />
        </td>
    </tr>
    <tr>
        <td>
            Hello
        </td>
        <td>
            World
        </td>
        <td>
            !
        </td>
    </tr>
</table>

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

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

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

任何想法有谁?

解决方法

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

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

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

猜你在找的HTML相关文章