[英]Right Table Row to Go Below Left Row
當空間不足時(小屏幕),我希望右側的TD(分頁按鈕)位於左側的TD(按鈕)下方。
可行嗎?
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px">
<tr valign="bottom">
<td class="smallfont"> "Buttons on Left </td>
<td align="$stylevar[right]"> "Page navigation Buttons on Right </td>
</tr>
</table>
為表格添加一個額外的列,為桌面隱藏。轉到移動設備時,隱藏第一列並顯示第三列
.hide-for-desktop{ display:none; } .@media screen and (max-width: 500px) { table td{ display:block; width:100%; } .hide-for-desktop{ display:block } .hide-for-mobile{ display:none !important; } }
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-bottom:3px"> <tr valign="bottom"> <td class="smallfont hide-for-mobile"> "Buttons on Left </td> <td align="$stylevar[right]"> "Page navigation Buttons on Right </td> <td class="smallfont hide-for-desktop"> "Buttons on Left </td> </tr> </table>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.