如何让div强制换行

如何让div强制换行,进行强制换行那么可以让整个页面更加统一,这样就不需要不断拖拉网页来进行浏览了。

如何让div强制换行

工具/原料

  • 网页浏览器
  • sublimet text 3

方法/步骤

  1. 1

    这里我们用sublimet text 3作为示范,创建一个html文档。

    如何让div强制换行
    如何让div强制换行
  2. 2

    首先我们需要创建一下HTML的基本框架。

    如何让div强制换行
  3. 2
    本页面未经许可获取自百度经验
  4. 3

    这里写一下三个DIV标签。

    我们可以看到每一个标签都是默认占用一行。

    如何让div强制换行
    如何让div强制换行
  5. 4

    如果我们有很长的文字,并且没有任何空格,那么默认是不会换行的,而是需要拖拉到右边阅读。

    如何让div强制换行
    如何让div强制换行
    如何让div强制换行
  6. 5

    这个时候我们在第二个DIV里面加入CSS样式作为示范。

    style="word-break: break-all;"

    这个时候就能看到强制进行换行操作了。

    如何让div强制换行
    如何让div强制换行
  7. 6

    而且实际上我们可以对所有的DIV进行设置,当然也可以另外生成一个CSS文件来定义这个样式。

    如何让div强制换行
    END

注意事项

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