displaycss属性,display属性值

http://www.itjxue.com  2023-01-05 21:38  来源:未知  点击次数: 

CSS中,display的作用是什么?

display:block是这里的重点,它使得a链接对象的显示方式由一段文本改为一个块状对象,和div的特性相同,div默认状态下是一个块状对象,a链接对象默认状态下是一个普通文本——内联对象,这样就没有办法使得a链接对象能够像一个方块状按钮一样去运作,使用display:block之后,a链接对象将能够像div和其它元素一样成为一个块状对象(block),就可以使用css外边距、内边距等属性给a链接标签加上一系列的样式了。

通过display:block的应用,我们让a标签元素有了宽度width:97px,高度height:22px,并在每一个a之间使用margin-left:2px;形式了左侧的外边距为2px。

display属性是css中对对象显示模式操作的一个属性,主要用于改变对象的显示方式。在css中,所有对象都有自己默认的显示方式,如a与span等对象,它们默认为一种行间内联对象,显示时它们不会影响其它任何对象的显示,如当应用span之后,span之后的内容会自动排在span的右边,像一段文本一样,而div这类对象的默认显示为块状对象,它们默认状态下便占据了一行的空间,并像一个方块一样显示在页面中,通过display:block,将a也变成了块状对象。

如何理解CSS的display属性

举例:

a标签1/aa标签2/aa标签3/a

a标签本来就是内联

这样写,他出来效果就是--------标签1标签2标签3

但如果你想要定义宽度,不加块状是起不来作用的,都是单单加块状(display:block),他又换行了,所以这时加display:inline-block

就起到很大作用,内联块状,宽度既能实现,又能不换行...

a{width:100px;

display:inline-block}

有时候解决ie6双倍像素撑开,display:inline不够用,也会用到这个属性

----------------

我去...浪费我时间...真手贱

css 的 display 属性,具体都干啥的,看帮助文件,怎么看不太懂,哪几个有用?

html中的每个可见元素(比如一段文字、一张图片等)都会在页面上占用一个矩形的位置(或者说一块方形的“地盘”),而display属性就是用来指定这个“地盘”的显示样式以及与其他“地盘”之间的相互关系。比如inline表示这个元素是个内联元素,它会跟前后的其他内联元素共处一行;block则表示这是个块级元素,它的前后会自带换行符,也就是说它会独占一行;none则是不显示元素。

(责任编辑:IT教学网)

更多

推荐XML/XSLT文章