facebook twitter hatena line email

「Html/その他」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(ページの作成:「==iframeにリッチテキストを導入== http://d.hatena.ne.jp/lurker/20060930/1159617939 ==薄いhr線== hr { border: 1px #ff0000 solid; background-color: #ffdf...」)
 
(中央中断に画像表示)
 
(同じ利用者による、間の1版が非表示)
行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.png' />
 +
</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.png' />
</div>
</body>
</html>