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属性值
  • 热门搜索
    遵纪守法手抄报图片 成长足迹手抄报内容 向国旗敬礼手抄报内容 争做最美学生手抄报 读书小报手抄报图片 诚信手抄报花边 科技创造未来手抄报 科技创新手抄报图片 爱读书手抄报内容 书的海洋手抄报