在CSS中,display屬性有多個不同的值可以選擇,例如:block、inline、inline-block、none等等。不同的值會影響元素的呈現方式。
block:元素會被顯示為塊級元素,即總是在新行上開始,并占據盡可能多的水平空間。 例:<div>, <p>, <h1>-<h6>, <ul>, <ol>, <nav>, <section>, <header>, <aside>, <footer>, <article>等。 inline:元素會被顯示為行內元素,即不會在新行上開始,而是在同一行上盡可能多地排列。行內元素的寬高不可以設置。 例:<span>,<a>,<img>等。 inline-block:元素會被顯示為行內塊級元素,即元素呈現為塊級元素,但其內部元素呈現為行內元素。可以控制元素的寬高。 例:<input>,<select>,<button>等。 none:元素將不會被顯示,通常用于隱藏元素。
display屬性非常重要,對于網頁的布局和樣式設置起著至關重要的作用。