首页 > 软件开发 > HTML >

html中段落怎样禁止折行

来源:互联网 2023-03-16 19:13:36 429

在前台页面书写的过程中,经常会用到一些元素,div>元素,lable>元素,而这些元素中若是写一个段落经常会自适应这样,破坏原有的样式结构,那怎样禁止折行。RoL办公区 - 实用经验教程分享!

可以使用属性RoL办公区 - 实用经验教程分享!

p style='white-space: nowrap'>来控制RoL办公区 - 实用经验教程分享!

工具/原料

  • Aspx界面,HTML界面
  • vs工具,notepad

方法/步骤

  • 1

    首先需要定义一个html的界面RoL办公区 - 实用经验教程分享!

    html中段落怎样禁止折行?RoL办公区 - 实用经验教程分享!

  • 2

    在定义html样式时增加一个p style='white-space: nowrap'>元素RoL办公区 - 实用经验教程分享!

    html中段落怎样禁止折行?RoL办公区 - 实用经验教程分享!

  • 3

    打开这个html页面可以看到,很长的段落没有这样RoL办公区 - 实用经验教程分享!

    html中段落怎样禁止折行?RoL办公区 - 实用经验教程分享!

  • 4

    当然white-space 还有其他的值,如果不添加这个元素则默认值为normalRoL办公区 - 实用经验教程分享!

    html中段落怎样禁止折行?RoL办公区 - 实用经验教程分享!

  • 5

    这个属性支持多版本的浏览器RoL办公区 - 实用经验教程分享!

    html中段落怎样禁止折行?RoL办公区 - 实用经验教程分享!

  • 6

    如下为一个常规的处理方式RoL办公区 - 实用经验教程分享!

    html中段落怎样禁止折行?RoL办公区 - 实用经验教程分享!

  • 6本页面未经许可获取自百度经验
  • 注意事项

    • 在处理时若发现不起作用,请查看是否是浏览器版本文件不兼容
    • 可以通过设置white-space其他的属性得到其他的效果

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


    标签: HTML

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