史上最流畅易懂HTML·行内元素

行内元素

重要的知识点，未来开发中必用到。

1 特性

（1）行内元素的宽度和宽度由其内容决定。

我们看个例子，

<span style="width:100px;height: 100px; background: red">
TEST
</span>

正如上所示，虽然我们设置了高度和宽度，但是最终的高度和宽度是由内容决定的。

（2）当有多个行内元素时，会在同一行显示。

举个例子，

  <span style="width:100px;height: 100px; background: red">
  TEST</span>
  <span style="width:100px;height: 100px; background: red">
  NEW</span>

我们可以看到，两个span行内元素同时并列显示在同一行。

当然，当数据量超过屏幕宽度的时候还是会自动换行的。

2 常用行内元素列表

• a,span,strong,textarea

站在巨人的肩膀上

https://developer.mozilla.org/zh-CN/docs/Web/HTML/Inline_elements