css中span如何优雅换行

  • 原创
  • |
  • 浏览：4542
  • |
  • 更新：
  • css中span如何优雅换行1
  • css中span如何优雅换行2
  • css中span如何优雅换行3
  • css中span如何优雅换行4
分步阅读
css中span如何优雅换行

span是一个行内元素，在使用的时候，往往会造成样式坍塌。本文就详细介绍如何解决部分span中的换行问题。

工具/原料

  • 联想Air14
  • Windows10
  • HbuilderX3.4.15

方法/步骤

  1. 1

    如图所示，在span中，默认并不会保留上下外边距和内边距。

    css中span如何优雅换行
  2. 1
    此文章未经许可获取自百度经验
  3. 2

    在span对应的类中添加display: inline-block;。

    css中span如何优雅换行
  4. 3

    添加该样式之后，span元素就可以设置内外边距和宽高。

    css中span如何优雅换行
  5. 4

    具体原理如图。

    css中span如何优雅换行
    END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部