美文网首页
HTML中table里字符不换行

HTML中table里字符不换行

作者: 如梦又似幻 | 来源:发表于2019-04-24 18:43 被阅读0次

在做后台管理页面的时候,有时会出现要展示的列过多,使得表格中的单元格拉得过长


在前端同事的帮助下,找到了以下解决办法

  • 使用css中的 word-break属性
    word-break
    其中 word-breakkeep-all属性意思是不换行,看到虽然还是会有一些换行,但是单元格好看多了。不过新的问题出现了:

    有些单元格的换行会莫名其妙,这是因为,keep-all只是不允许 Chinese, Japanese, 和 Korean 回行。这个功能类似与“normal” 的非亚洲语言版本。
    再加入一个css属性white-space

    所有的单元格全都强行变成了一行。

ps:后来又发现td的一个属性:nowrap


设置为true时也可以实现不换行

相关文章

  • HTML中table里字符不换行

    在做后台管理页面的时候,有时会出现要展示的列过多,使得表格中的单元格拉得过长 在前端同事的帮助下,找到了以下解决办...

  • react-开发经验分享-Table表格组件里自定义表格td内容

    ant框架里,Table表格组件里自定义表格td内容换行的方法在Table表格里,无法像普通原生html一样直接在...

  • elementUi table内换行

    需求 使对象属性(字符串)中的换行符有效 背景 elementUi中的table组件 解决 cell是elemen...

  • PHP中和HTML标签相关的字符串格式化

    1,nl2br ( string string )可将字符串中的换行符转成HTML的换行符号。 2,htmlspe...

  • HTML标签PGW

    /* 标题样式 # , ## , ### */ HTML~ 换行 1.table表格元素 2.表单元素:input...

  • 无标题文章

    html中的 textarea 里输入可实现换行

  • html字符实体

    HTML字符实体(character entities) 在 HTML 中,某些字符是预留的。 在 HTML 中不...

  • RegExp正则表达式

    转义符号 \ 把"转成字符串 \n 换行 \r 行结束符\t 制表符 table的缩写 table的缩进 修饰符...

  • Android 常用转义字符

    写过html代码的朋友们应该知道,html支持转义字符,可以通过转义字符实现显示空格、缩进、换行等内容。在Andr...

  • 3-14. 字符实体

    1、什么是字符实体? 在HTML中有的字符是被HTML保留的, 有的HTML字符在HTML中是有特殊含义的, 是不...

网友评论

      本文标题:HTML中table里字符不换行

      本文链接:https://www.haomeiwen.com/subject/njlngqtx.html