行内元素变成会计元素block和inline-block的区别

Posted 程序猿-alvin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了行内元素变成会计元素block和inline-block的区别相关的知识,希望对你有一定的参考价值。

左边一个ul的导航,习惯了用li里面放a,想要a有个百分百宽和高,这个整个li就都可以有点击事件了,用了inline-block,宽高可以实现,但是发现一个问题,a的左边始终会有个类似于外边距的样式,设置了magin和padding和0,都没有解决,这个时候想起了,可能是inline-block带来的影响,果断换成block,果然解决,所以以后用inline-block一定要注意,因为可能会带来左边会有一段奇怪的外边距,不好解决,尽量使用block来解决行内元素变成块级元素。

以上是关于行内元素变成会计元素block和inline-block的区别的主要内容,如果未能解决你的问题,请参考以下文章

行内元素自动变为块级元素

块级元素和行内元素的区别

块级元素和行内元素的区别 (block vs. inline)

blockinline和inline-block

块级元素的text-align对行内元素和果冻元素(inline-block)的作用

ie6的display:inline-block实现