要素の分類 -- インライン ブロック要素

inline-block 要素の特性:

インライン ブロック要素 (inline-block) は、インライン要素とブロック要素の両方の特性を備えています。コード display:inline-block は、要素をインライン ブロック要素として設定します。 (css2.1 の新機能)、<img><input> タグはそのようなインライン ブロック タグです。

1 と他の要素は同じ行にあります

2 では、要素の高さ、幅、行の高さ、上下の余白を設定できます。

りー


学び続ける
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>内联块状元素</title> <style type="text/css"> a{ display:inline-block; width:20px;/*在默认情况下宽度不起作用*/ height:20px;/*在默认情况下高度不起作用*/ background:pink;/*设置背景颜色为粉色*/ text-align:center; /*设置文本居中显示*/ } </style> </head> <body> <a>1</a> <a>2</a> <a>3</a> <a>4</a> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜