賢威8でも右寄せ・左寄せなどはこれまで同様に「fl-l」「fl-c」を使って回り込ませたり、テキストなどであれば「al-l」などを利用します。
回り込み
回り込み1
モバイル時にも回り込みは解除されません。
クラスを付けたタグが左側に移動します。
|
1 2 3 4 |
<div class="fl-l"> <img src="./sample006-150x150.jpg" alt="" width="150" height="150" /> </div> クラスを付けたタグが左側に移動します。 |
クラスを付けたタグが右側に移動します。
|
1 2 3 4 |
<div class="fl-r"> <img src="./sample006-150x150.jpg" alt="" width="150" height="150" /> </div> クラスを付けたタグが右側に移動します。 |
回り込み2
モバイル時に回り込みが解除されます。
クラスを付けたタグが左側に移動します。
|
1 2 3 4 |
<div class="left"> <img src="http://demo.keni.jp/wp-content/uploads/2018/09/sample006-150x150.jpg" alt="" width="150" /> </div> クラスを付けたタグが左側に移動します。 |
クラスを付けたタグが右側に移動します。
|
1 2 3 4 |
<div class="right"> <img src="http://demo.keni.jp/wp-content/uploads/2018/09/sample006-150x150.jpg" alt="" width="150" /> </div> クラスを付けたタグが左側に移動します。 |
回り込み3
WordPressが生成するタグです。
モバイル時にも回り込みは解除されません。
クラスを付けたタグが左側に移動します。
|
1 |
<img src="./sample006-150x150.jpg" alt="" width="150" height="150" class="alignleft" />クラスを付けたタグが左側に移動します。 |
クラスを付けたタグが右側に移動します。
|
1 |
<img src="./sample006-150x150.jpg" alt="" width="150" height="150" class="alignright" />クラスを付けたタグが右側に移動します。 |
テキストや画像の右寄せ・左寄せ・中央寄せ
テキストの左寄せ
|
1 |
<p class="al-l">テキストの左寄せ</p> |
テキストの右寄せ
|
1 |
<p class="al-r">テキストの右寄せ</p> |
テキストの中央寄せ
|
1 |
<p class="al-c">テキストの中央寄せ</p> |
テキストや画像の上寄せ・下寄せ・中央寄せ
| テキストの上寄せ | テキストの中央寄せ | テキストの下寄せ |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<table> <tr> <td class="vl-t" style="height: 100px;"> テキストの上寄せ </td> <td class="vl-m"> テキストの中央寄せ </td> <td class="vl-b"> テキストの下寄せ </td> </tr> </table> |
