我是堆栈溢出的新手,我正在尝试从其他人创建的现有桌面版网页制作一个移动网页。基本上,我必须在移动设备和台式机上使用相同的网页。对于这个带有表格的特定页面,我试图使用外部样式表来更改手机的表格模式。我在这篇文章中附加了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>