2017-07-28 26 views
0

十分なスペースがないときは、左下にある(ページ番号ボタン)を左下に移動します(小さな画面)。右テーブルの行を左下に移動する

これは可能ですか?

<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> 
+0

をテーブルの余分な列を追加し、モバイルに行くdesktop.whileのために隠し、拳の列を非表示にし、3列目を表示私たちはアイデアを正確にあなたが欲しいものを得るために。^_^..ペイントを使用してください:P – ARr0w

+0

私はこのようなものが欲しいです:http://jsfiddle.net/isherwood/frk7jbvu/3/ページが最小化されると、青いボックスは他のボックスの下に入ります。私は試しましたが、構文を正しく取得できませんでした。 –

答えて

0

するための例のGUIを描画

.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>

関連する問題