「Html/その他」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「==iframeにリッチテキストを導入== http://d.hatena.ne.jp/lurker/20060930/1159617939 ==薄いhr線== hr { border: 1px #ff0000 solid; background-color: #ffdf...」) |
(→文字と画像の縦をそろえる) |
||
行14: | 行14: | ||
==文字と画像の縦をそろえる== | ==文字と画像の縦をそろえる== | ||
<<nowiki />img src="hoge" style="vertical-align:middle;"> | <<nowiki />img src="hoge" style="vertical-align:middle;"> | ||
+ | |||
+ | ==中央中断に画像表示== | ||
+ | <pre> | ||
+ | <html> | ||
+ | <body> | ||
+ | <div style='width:300px;height:400px;text-align:center;vertical-align: middle;display:table-cell;' > | ||
+ | <img width='200px' src='/hogehoge.jpeg' /> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> | ||
+ | </pre> |
2019年5月10日 (金) 18:02時点における版
iframeにリッチテキストを導入
http://d.hatena.ne.jp/lurker/20060930/1159617939
薄いhr線
hr { border: 1px #ff0000 solid; background-color: #ffdfe2; height: 10px; }
右左矢印
« (&laquo;) » (&raquo;)
文字と画像の縦をそろえる
<img src="hoge" style="vertical-align:middle;">
中央中断に画像表示
<html> <body> <div style='width:300px;height:400px;text-align:center;vertical-align: middle;display:table-cell;' > <img width='200px' src='/hogehoge.jpeg' /> </div> </body> </html>