CSS中display:block是什么意思?

html-css025

CSS中display:block是什么意思?,第1张

CSS中display:block意思如下:

如果用<div>+<a>做一个按钮,这个能理解吧,就是 想通过 link 来实现跳转,但是看起来是个按钮,且不需要触发事件。而且 css 也比 button 的好用。

这中情况下,如果不是“块”block,那么只要点到文字上时才会触发,点到 按钮<div>但是没点到字是不行的,但是用了 block 后,整个按钮都可以承载 a 的link操作了

css中的display是设置元素显示的方式,block是一块状元素的方式显示,

inline是以内联元素的方式显示,none是不不显示;

块状元素会单独占据一样,其他元素跟他在同一行的会被迫换行,挤到下一行那里去,inline则不会这样。

1.设置float属性

将块级元素的css格式设置为float:left/right,比如,有两个panel,panelA和panelB,想要使其位于同一行,只需要设置A的css格式为float:left/right即可。

注意:只是设置A的float属性哦,若设置了B的float属性,则B后面的元素也会与其位于同一行。若使用该方法,则两个块级元素紧挨着。

2.设置display

display为inline-block,即编写css代码为display:inline-block.使用该方法,两个块级元素中间有一定间隔。

注意,该方法与上一方法相同,仍然需要设置A的display属性,而非B的属性。