您的位置:首页 > 其它

行内块元素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后就可以了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  inline 行内块元素