社区
CSS
帖子详情
display:inline-block的问题
zzxap
2010-09-21 04:04:42
http://www.bvbuy.cn/ProductsHtml/productsPPType5-15-158.html
在ie8和火狐看以上地址。有一个“其它颜色”
display:inline-block在火狐下可以作为一个块元素换行
在ie8下就不行
...全文
111
6
打赏
收藏
display:inline-block的问题
http://www.bvbuy.cn/ProductsHtml/productsPPType5-15-158.html 在ie8和火狐看以上地址。有一个“其它颜色” display:inline-block在火狐下可以作为一个块元素换行 在ie8下就不行
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
zzxap
2010-09-23
打赏
举报
回复
不能定义宽,因为宽是不固定的
走在风中
2010-09-23
打赏
举报
回复
俺是来学习的,顶一下。
rui2012
2010-09-22
打赏
举报
回复
菜鸟学习,,
arjsyy
2010-09-22
打赏
举报
回复
可以啊,只是他得定义宽和高。而不是占用一整行的块!
aoxls
2010-09-21
打赏
举报
回复
这个属性应该是没问题的,曾经用过不少次,可能只能作用于行内元素吧,具体没测试过。
楼主可以把class="Serachli"的div去掉,直接在class="SerachUL"的div里写链接<a href="">……</a>,把display:inline-block;赋给这些a标签。
willerce
2010-09-21
打赏
举报
回复
display:inline-block这个属性IE是不支持的。
所以考虑用float:left吧!
浅谈
display
:
inline
-
block
css之
display
:
inline
-
block
布局 先写几个常用的
display
布局方法 1.
display
:none 用来在不删除元素的情况下隐藏或显示元素。 它和 visibility 属性不一样。把
display
设置成 none 元素不会占据它本来应该显示的空间,但是设置成 visibility: hidden; 还会占据空间。 2.
display
:
block
块级元素 通常可以用来搭配
display
:none来实现元素的显示或隐藏,也可以作为块级元素来使用,使元素独占一行 3.displ
display
:
inline
-
block
出现的元素错位
问题
及解决方案
背景 布局想让两个div在一行显示,用了
display
:
inline
-
block
但是出现了如图的错位情况,左边放了ul 右边就突然往下拉跨了一段 解决办法 在
display
:
inline
-
block
后面添加
display
:
inline
-
block
元素之间空隙的产生原因和解决办法
display
:
inline
-
block
是一种布局方法,它相比于与浮动、定位最大的不同就是其没有父元素的匿名包裹特性,这使得
display
:
inline
-
block
属性的使用非常自由,可与文字,图片混排,可内嵌
block
属性元素,可以置身于
inline
水平的元素中。 在CSS布局中,如果我们想要将一些元素在同一行显示,其中的一种方法就是把要同行显示的元素设置
display
属性为
inline
-bl...
display
:
inline
-
block
的总结
我尝试了很多种办法,设置高度,浮动,定位什么的都没有用,后来看了一下网易云音乐的源代码,发现他用到了这个
display
:
inline
-
block
;同样,如果设置了
display
:
inline
-
block
,将保留上下外边距/内边距,而
display
:
inline
则不会。由效果图可以看出,
display
:
block
虽然支持宽高、内边距、外边距的设置,但是每一个
block
后面,都会默认自动添加一个换行符。由效果图可以看出,
inline
不支持设置宽高、内边距,外边距,即使设置了也不会产生应有的效果。
面试题17:
display
:
inline
-
block
什么时候会显示间隙?该怎么解决
面试官:
display
:
inline
-
block
什么时候会显示间隙?该怎么解决 在CSS布局中,如果我们想要将一些元素在同一行显示,其中的一种方法就是把要同行显示的元素设置
display
属性为
inline
-
block
,但是你会发现这些同行显示的
inline
-
block
元素之间经常会出现一定的空隙,这就是“换行符/空格间隙
问题
”。
display
:
inline
;强制变成行内元素
display
:
block
;强制变成块元素 而
display
:
inline
-
block
;顾名思义就是行内块的意思了,他具.
CSS
61,115
社区成员
60,728
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章