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

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>

提出するリセットコード

自動運転