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