济南seo|济南网站建设|display:inline;overflow:hidden什么意思 - 小马博客
专注提供网站SEO优化和网站优化及关键词排名以及网站建设服务,欢迎来聊...

display:inline;overflow:hidden什么意思

济南网站建设 小马过河 402℃ 0评论

CSS也是做网站做 网站优化必不可少修行之一啊
一、css的一个样式,inline表示按照内联模式显示,它会和周围的元素在一行。如果是display:block,它会和周围的元素不在一行,自己单独一行。
追问
弱弱问一下,什么是内联元素,
追答
内联元素与其他元素会在一行,不会导致换行

二、它可以让行内显示为块的元素,变为行内显示,例如

DIV1

DIV2

这里DIV1和DIV2分别占一行,但是你给他们加上属性后变了
DIV1

DIV2

DIV1和DIV2这时候显示在同一行了,试试看吧。
和 display:inline 对应的是 display:block,block 会让应用了该 CSS 属性的 HTML 标记变成块级别元素,例如 SPAN 是行内显示的,但是你加了 display:block 属性就不一样了
SPAN1
SPAN2

三、CSS中,overflow:hidden的作用是隐藏溢出
比如:


当ID=2的这个DIV高度设定的宽度超过了300px,那么超出的部分将自动被隐藏。

转载请注明:济南seo » display:inline;overflow:hidden什么意思

喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情