首页 > 软件开发 > HTML >

如何让div强制换行

来源:互联网 2023-03-16 19:15:37 224

如何让div强制换行,进行强制换行那么可以让整个页面更加统一,这样就不需要不断拖拉网页来进行浏览了。Uuh办公区 - 实用经验教程分享!

如何让div强制换行Uuh办公区 - 实用经验教程分享!

工具/原料

  • 网页浏览器
  • sublimet text 3

方法/步骤

  • 1

    这里我们用sublimet text 3作为示范,创建一个html文档。Uuh办公区 - 实用经验教程分享!

    如何让div强制换行Uuh办公区 - 实用经验教程分享!

    如何让div强制换行Uuh办公区 - 实用经验教程分享!

  • 2

    首先我们需要创建一下HTML的基本框架。Uuh办公区 - 实用经验教程分享!

    如何让div强制换行Uuh办公区 - 实用经验教程分享!

  • 2本页面未经许可获取自百度经验
  • 3

    这里写一下三个DIV标签。Uuh办公区 - 实用经验教程分享!

    我们可以看到每一个标签都是默认占用一行。Uuh办公区 - 实用经验教程分享!

    如何让div强制换行Uuh办公区 - 实用经验教程分享!

    如何让div强制换行Uuh办公区 - 实用经验教程分享!

  • 4

    如果我们有很长的文字,并且没有任何空格,那么默认是不会换行的,而是需要拖拉到右边阅读。Uuh办公区 - 实用经验教程分享!

    如何让div强制换行Uuh办公区 - 实用经验教程分享!

    如何让div强制换行Uuh办公区 - 实用经验教程分享!

    如何让div强制换行Uuh办公区 - 实用经验教程分享!

  • 5

    这个时候我们在第二个DIV里面加入CSS样式作为示范。Uuh办公区 - 实用经验教程分享!

    style="word-break: break-all;"Uuh办公区 - 实用经验教程分享!

    这个时候就能看到强制进行换行操作了。Uuh办公区 - 实用经验教程分享!

    如何让div强制换行Uuh办公区 - 实用经验教程分享!

    如何让div强制换行Uuh办公区 - 实用经验教程分享!

  • 6

    而且实际上我们可以对所有的DIV进行设置,当然也可以另外生成一个CSS文件来定义这个样式。Uuh办公区 - 实用经验教程分享!

    如何让div强制换行Uuh办公区 - 实用经验教程分享!

  • 注意事项

    • 如果用span来嵌套换行是不可行的

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Uuh办公区 - 实用经验教程分享!


    标签: 软件开发CSSHTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码