CSS3文本换行教程

 时间:2024-10-13 05:30:48

1、新建一个txt文档,将其改成html文件。

CSS3文本换行教程

2、用Sublime编辑器打开html文件,并填写标准html5代码,代码效果如下。

CSS3文本换行教程

3、新建一个p标签,并且写入相应的单词输出。设置p标签的宽为300px,通过“word-warp:break-word;”设置单词换行。

CSS3文本换行教程

4、我们用浏览器打开html文件,页面显示效果如下。

CSS3文本换行教程

5、当我们设置“word-break:break-all;”的时候,word-break属性指定非CJK函讳雍蛾脚本的断行规则,break-all则允许在单词内换行,keep-all则只能在半角空格或连字符处换行。

CSS3文本换行教程

6、重新刷新下页面,可以看到单词内就进行了换行处理。

CSS3文本换行教程
  • DataGridView用法大集合
  • 如何用js创建标签插入指定的位置
  • jquery把复选框checkbox选中的值放入input框中
  • jquery如何设置输入框的文字的大小
  • js如何获得textarea的name属性值
  • 热门搜索
    宣传标语大全 电视频道大全 刀郎歌曲大全 杜甫的简介 工行手机银行怎么开通 腰不好怎么锻炼 东革阿里怎么吃 qq怎么退群 小学六年级日记大全 2019理论大全在线