我是堆栈溢出的新手,我正在尝试从其他人创建的现有桌面版网页制作一个移动网页。基本上,我必须在移动设备和台式机上使用相同的网页。对于这个带有表格的特定页面,我试图使用外部样式表来更改手机的表格模式。我在这篇文章中附加了html框架和CSS。最初,只有一行带有2 s。我要在下一行中将“ .td2”带到新位置。我尝试了一个基本表,可以将所有转换为tr的工作放下来,但是在这种情况下,包含表的第二个工作使我很努力。我尽力了。如果有人帮助我,我会有所帮助。



tr{
    display:table;
    width:100%;
}
.lfttbl .td1, .td2{
    display:table-row;
    border-bottom: solid 1px #2b9ed5 !important;
}

<table class="out">
    <tr><td>
        <table class="outtbl">
        <tr>
        <td>
            <table class="lfttbl">
                <tr>
                    <td class= td1>
                       <p> hihi hii
                    </td>
                  <td class= td2>
                        <table class = rttbl"">

                          </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

最佳答案

您的代码中有很多错误:


<p>未关闭!
使用表格进行布局。
更糟糕的是:使用嵌套表。


继续您的布局,我能够进行这些更正以使其在CSS中起作用。



tr{
    display:table;
    width:100%;
}
.lfttbl .td1, .td2{
    display:table-row;
    border-bottom: solid 1px #2b9ed5 !important;
}

.td1 {
  display: block;
  background: #f00;
}

<table class="out">
    <tr><td>
        <table class="outtbl">
        <tr>
        <td>
            <table class="lfttbl">
                <tr>
                    <td class= td1>
                       <p> hihi hii</p>
                    </td>
                  <td class= td2>
                        <table class = rttbl"">

                          </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

07-24 09:50
查看更多