资讯专栏INFORMATION COLUMN

html处理文字换行

ziwenxie / 1056人阅读

摘要:只对英文起作用,以字母作为换行依据只对英文起作用,以单词作为换行依据只对中文起作用,强制换行强制不换行,都起作用不换行,超出部分隐藏且以省略号形式出现注意,一定要指定容器的宽度,不然的话是没有用的。注意是专有属性

1.word-break:break-all.只对英文起作用,以字母作为换行依据
2.word-wrap:break-word. 只对英文起作用,以单词作为换行依据

3.white-space:pre-wrap.只对中文起作用,强制换行

4.white-space:nowrap.强制不换行,都起作用

5.white-space:nowrap.
overflow:hidden
text-overflow:ellipsis.
不换行,超出部分隐藏且以省略号形式出现

注意,一定要指定容器的宽度,不然的话是没有用的。
注意word-break 是IE5+专有属性

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53906.html

相关文章

  • 由一个项目需求引发的 - textarea中的换行和空格

    摘要:显示的时候,从后台获取到文本之后,去掉文中的所有空格,然后显示在标签里面。这里我用一个小例子来示意一下在各种情况下的保存和显示。首先尝试,去掉所有的空格,首先想到的就是方法。 当我们使用 textarea 在前台编辑文字,并用 js 提交到后台的时候,空格和换行是我们最需要考虑的问题。在textarea 里面,空格和换行会被保存为/s和/n,如果我们前台输入和前台显示的文字都是在 te...

    TNFE 评论0 收藏0
  • 由一个项目需求引发的 - textarea中的换行和空格

    摘要:显示的时候,从后台获取到文本之后,去掉文中的所有空格,然后显示在标签里面。这里我用一个小例子来示意一下在各种情况下的保存和显示。首先尝试,去掉所有的空格,首先想到的就是方法。 当我们使用 textarea 在前台编辑文字,并用 js 提交到后台的时候,空格和换行是我们最需要考虑的问题。在textarea 里面,空格和换行会被保存为/s和/n,如果我们前台输入和前台显示的文字都是在 te...

    Cheriselalala 评论0 收藏0
  • html处理文字换行

    摘要:只对英文起作用,以字母作为换行依据只对英文起作用,以单词作为换行依据只对中文起作用,强制换行强制不换行,都起作用不换行,超出部分隐藏且以省略号形式出现注意,一定要指定容器的宽度,不然的话是没有用的。注意是专有属性 1.word-break:break-all.只对英文起作用,以字母作为换行依据 2.word-wrap:break-word. 只对英文起作用,以单词作为换行依据3.whi...

    DevTalking 评论0 收藏0
  • Flutter组件学习(一)—— Text组件

    摘要:序言之前说会给大家一一讲解中的组件,今天咱们就从组件开始,无图言,先上图组件的我们先来看一下组件的构造方法构造方法有两个,一个是默认的样式,一个是现实丰富样式,这样解释大家应该能猜得到就和中的一样,下面来看一下组件的一些名称功能文本对齐方式 序言 之前说会给大家一一讲解 Flutter 中的组件,今天咱们就从 Text 组件开始,无图言X,先上图: showImg(https://se...

    xiongzenghui 评论0 收藏0
  • H5 canvas生成图片并上传文件转成PDF下载canvas文字排版

    摘要:将预览的图片上传,后端生成,在管理系统中下载。技术要点文字排版设置指定背景颜色引入外部字体绘制文字图片将生成的图片转成上传这里根据后端协商,此处后端要求将图片生成,并点击批量下载实现步骤文字排版在一般容器中,如果要实现文字的排版很容易。 最近遇到一个业务需求,在小程序端定制预览功能,并在预览的图片中使用指定的外部字体。将预览的图片上传OSS,后端生成PDF,在管理系统中下载。但是………...

    canopus4u 评论0 收藏0

发表评论

0条评论

ziwenxie

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<