行内块元素display:inline-block
2016-07-15 17:07
246 查看
举例:
< a > 标签1< /a>< a >标签2< /a>< a >标签3< /a >
a标签本来就是内联
这样写,他出来效果就是——–标签1标签2标签3
但如果你想要定义宽度,不加块状是起不来作用的,但是单单设置为块状(display:block),他又换行了,所以这时加display:inline-block 就起到很大作用,内联块状,宽度既能实现,又能不换行…
a{width:100px; display:inline-block}
有时候解决ie6双倍像素撑开,display:inline不够用,也会用到这个属性
内联元素无法设置宽和高,inline-block后就可以了。
< a > 标签1< /a>< a >标签2< /a>< a >标签3< /a >
a标签本来就是内联
这样写,他出来效果就是——–标签1标签2标签3
但如果你想要定义宽度,不加块状是起不来作用的,但是单单设置为块状(display:block),他又换行了,所以这时加display:inline-block 就起到很大作用,内联块状,宽度既能实现,又能不换行…
a{width:100px; display:inline-block}
有时候解决ie6双倍像素撑开,display:inline不够用,也会用到这个属性
内联元素无法设置宽和高,inline-block后就可以了。
相关文章推荐
- c++中inline的用法分析
- C++实现inline hook的原理及应用实例
- c++ 尽量不要使用#define 而是用const、enum、inline替换。
- Inline Hook(ring3)的简单C++实现方法
- C/C++中static,const,inline三种关键字详细总结
- C++ 关键字 inline详细介绍
- C/C++: Inline function, calloc 对比 malloc
- 如何消除inline-block属性带来的标签间间隙
- 使用内联函数的一个问题
- Flex SDK 4.5增强补丁,让as3也支持inline函数,变态级提速!
- 文件系统日志使用INLINE和使用log device卷的区别
- xin de yitian 由死向生
- 内联函数嵌套使用规则
- block,inline和inline-block
- C99/GNU99对inline关键字的处理不同于C89
- C++中inline注意事项
- c++ :inline 函数
- display属性值:block,inline-block,inline
- 内联函数
- C++如何处理内联虚函数