大多數 HTML 元素被定義為塊級(區塊)元素或行內(內聯)元素。
一、塊級元素:在瀏覽器顯示時,通常會以新行來開始(和結束)
例: <p>, <table><div> ,<ul>,<ol>,<li>,<h1>-<h6>
特點:1.可設置寬高
2.不可以與別人共處一行
3.不設置寬度的情況下,寬為100%(以新行顯示的原因)
二 、行內元素:在顯示時通常不會以新行開始。
例: <b>, <td>, <a>,<span>
特點:1.不可以設置寬高
2.可以與別人共處一行 (不以新行顯示的原因)
3.其寬高由內容撐開
三、行內塊元素:綜合了行內元素和塊狀元素的特性,但是各有取舍。
例:<img>、<input>、<select>、<label>
特點:1.可以設置寬高
2.可以與別人共處一行
三者之間可以通過設置CSS樣式屬性display:inline-block,可將行內元素,或塊級元素轉換成行內塊級元素;
如果是將元素轉換成內聯元素,則設置display:inline;
如果是將元素轉換成塊級元素,則設置display:block;