你可能不知道，但其实inline和block元素在网页里是不一样的。它们的样式、布局、还有用法都不一样。这个东西其实挺重要的，主要原因是如果你不懂这些，写网页的时候就容易出问题。

一、什么是inline和block元素？

总体来看... 在HTML里元素分两种：一种是inline的，一种是block的。inline元素就是那种在一行里能放好几个的，比如文字里面夹着的标签，比如、、这些。block元素就是那种自己占一整行的， 换句话说... 比如、、这些。 二、它们的盒模型有啥不同？ 其实inline和block元素的盒模型区别大着呢。你要是不搞清楚，写样式的时候就容易出问题。你写代码的时候就容易出问题。 二十三、 inline-block元素的使用 inline-block元素就是那种既能在一行里排，又能设置宽高，比如你写了个div，然后设置width和height，它就不显示了。你写代码的时候就容易出问题。 二十一、 inline-block元素的使用 inline-block元素就是那种既能在一行里排，又能设置宽高，比如你写了个div，然后设置width和height，它就不显示了。你写代码的时候就容易出问题。 观感极佳。 二十二、 inline-block元素的使用 inline-block元素就是那种既能在一行里排，又能设置宽高，比如你写了个div，然后设置width和height，它就不显示了。你写代码的时候就容易出问题。 七、 浮动元素 浮动元素就是那种可以并排显示的，比如你写了个div，然后设置width和height，它就不显示了。你写代码的时候就容易出问题。 八、 inline-block和浮动的区别 inline-block元素默认间距的两种清除方法，比如你写了个div，然后设置width和height，它就不显示了。你写代码的时候就容易出问题。比如你写了个span，然后设置width和height，它就不显示了。你写代码的时候就容易出问题。 四、 block元素的盒模型 block元素就是那种自己占一行的， 我裂开了。 比如你写了个div，然后设置width和height，它就不显示了。你写代码的时候就容易出问题。比如你写了个div，然后设置width和height，它就不显示了。主要原因是这个东西它不认你，你写代码的时候就容易出问题。 1. inline元素的宽度和高度 inline元素的宽度和高度是了。你写代码的时候就容易出问题。 2. inline元素的限制 inline元素的盒模型限制挺多的， 比如你不能设置宽高，设置了也没用，我始终觉得...。比如你给一个div设置宽高， 它会自己换行，但是你给它设成inline元素，它就不会换行，而且不能设置宽高，只能跟着文字一起排。 三、 inline元素的盒模型 inline元素的盒模型其实挺简单的， 极度舒适。 就是不能设置宽高，只能跟着文字一起排，而且不能换行。你要是想给它设置宽高，它就不认你，直接无效。比如你写个span，然后给它设置width和height，它就不显示了。