Q&A
具体的に何をどうしたいのかについて質問の内容を詳細化して下さい.
html
1<hr> 2<img src="a.png" alt="左端画像" align="left"> 3<img src="b.png" alt="右端画像" align="right">
でalignが効かないと思っていたのですが
http://www.tohoho-web.com/html/img.htm
[非推奨] だったのですね……
こういった場合どのように実装するのがお勧めか相談させて頂けないでしょうか？
お忙しいところ大変申し訳無いのですが
上記お問い合わせいたします。
失礼しました。 具体的には将来的に廃止された時imgのalignが廃止された場合に備えてどのようなコーディングをすれば良いのか伺いたかったのです……
s/廃止された時//
将来的にというか、とっくに廃止されているので、HTMLのリファレンスはせめてMDNをご覧ください。https://developer.mozilla.org/ja/docs/Web/HTML/Element/img
回答2件
0
ベストアンサー
floatでいいのでは？
http://www.htmq.com/style/float.shtml
投稿2018/03/13 06:16
総合スコア3404
ありがとうございます。
floatで良いですねっ
何か深く考えて困ってました。
ありがとうございました。
vertical-alignも追加で
top middle bottom →vertical-align
left right →float
0
flexboxはどうでしょう。clearとかしなくて済むのが良いですね。
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="UTF-8"> 5 <title>タイトル</title> 6 <style> 7 body { 8 display: flex; 9 justify-content: space-between; 10 } 11 </style> 12</head> 13<body> 14<img src="https://placehold.jp/3d4070/ffffff/150x150.png?text=a.png" alt="左端画像"> 15<img src="https://placehold.jp/3d4070/ffffff/150x150.png?text=b.png" alt="右端画像"> 16</body> 17</html>
投稿2018/03/13 06:24
総合スコア14731
あなたの回答
tips
プレビュー
