在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属性非常重要,对于网页的布局和样式设置起着至关重要的作用。