右錶行左下行

我想在右側的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>

來源

2017-07-28 Arsh Dhillon

畫一個例子爲GUI我們知道你想要什麼。^_^..使用paint：P – ARr0w

我想要這樣的東西：http://jsfiddle.net/isherwood/frk7jbvu/3/當頁面被最小化時，藍色框在其他框下。我嘗試過，但無法獲得正確的語法。 –

添加一個額外的列的表，並隱藏desktop.while要移動，隱藏的拳頭列，顯示第三列

.hide-for-desktop{ 
 
    display:none; 
 
} 
 
    
 
[email protected] 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>

來源

2017-07-28 06:55:07 codegeek

右錶行左下行

回答

相關問題