具有扩展列的HTML表
我真的不确定是否有办法做到这一点,到目前为止,我想我只需要制作一个具有绝对定位的单独元素,并将其放置在适当的位置 这就是我想用这张桌子做的。。。有可能吗?现在我有一张桌子,你可以看到右边的一部分,但我只是想想办法做到这一点 我现在有一个正常的桌子布局:但看看小提琴: 我想主要的挑战将是保持具有扩展列的HTML表,html,css,Html,Css,我真的不确定是否有办法做到这一点,到目前为止,我想我只需要制作一个具有绝对定位的单独元素,并将其放置在适当的位置 这就是我想用这张桌子做的。。。有可能吗?现在我有一张桌子,你可以看到右边的一部分,但我只是想想办法做到这一点 我现在有一个正常的桌子布局:但看看小提琴: 我想主要的挑战将是保持边界半径 <table class="overviewTable"> <thead> <tr>
边界半径
<table class="overviewTable">
<thead>
<tr>
<th colspan="5">
FAN FREE TERMINALS</th>
</tr>
</thead>
<thead class="posiOverviewPN">
<tr>
<th class="txHeader">
TX4200E</th>
<th class="ksHeader">
KS6700</th>
<th class="ksHeader">
KS7200</th>
<th class="ksHeader">
KS7500</th>
<th class="ksHeader">
KS7700</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img height="68px" src="../posiflex/images/tx-4200.png" width="120px"></td>
<td>
<img height="108px" src="../posiflex/images/ks6700.png" width="120px"></td>
<td>
<img height="109px" src="../posiflex/images/ks7200.png" width="120px"></td>
<td>
<img height="117px" src="../posiflex/images/ks7500.png" width="120px"></td>
<td>
<img height="119px" src="../posiflex/images/ks7700.png" width="120px"></td>
</tr>
</tbody>
</table>
无风扇终端
TX4200E
KS6700
KS7200
KS7500
KS7700
我相信您想要做的是基本的表格结构:
您所需要做的就是使用空的th/td单元:
<table>
<thead>
<tr>
<th><!--empty--></th>
<th>TX42</th>
</tr>
<tr>
<th><!--empty--></th>
<th>image</th>
</tr>
</thead>
<tbody>
<tr>
<td>Advantage</td>
<td>Industrial grade...</td>
</tr>
</tbody>
</table>
TX42
形象
优势
工业级。。。
发布您已有的代码,这样我们就可以看到您尝试过的内容。为什么可能?CTravel我的代码只是一个简单的表格布局。我没做什么特别的事。但是查看原始帖子中的小提琴。看看小提琴。。。我希望它是如此简单,你想要的一切都可以通过常规的HTML表格和CSS样式来完成。请注意,您可以使用css类轻松设置表/单元格的样式,避免使用:not、:first child等。人们似乎讨厌w3schools,但我总是觉得它很有用。对,我明白你的意思,但在这种情况下,我觉得说:not
和/或:first child
比说class=“…”
更容易,特别是因为我有多行。