侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

CSS自动换行 强制不换行

2024-05-11 星期六 / 0 评论 / 0 点赞 / 78 阅读 / 1649 字

<!doctype html><html> <head> <!--网站编码格式,UTF-8 国际编码,GBK或 gb2312 中文编码--> <meta http-equiv="cont

<!doctype html><html>  <head>    <!--网站编码格式,UTF-8 国际编码,GBK或 gb2312 中文编码-->    <meta http-equiv="content-type" content="text/html;charset=utf-8" />    <meta name="Keywords" content="关键词一,关键词二">    <meta name="Description" content="网站描述内容">    <meta name="Author" content="Yvette Lau">    <title>      Document    </title>    <!--css js 文件的引入-->    <style>      .word{background:#E4FFE9;width:250px;margin:50px auto;padding:20px;font-family:"microsoft      yahei";} /* 强制不换行 */ .nowrap{white-space:nowrap;} /* 允许单词内断句,首先会尝试挪到下一行,看看下一行的宽度够不够,      不够的话就进行单词内的断句 */ .breakword{word-wrap: break-word;} /* 断句时,不会把长单词挪到下一行,而是直接进行单词内的断句      */ .breakAll{word-break:break-all;} /* 超出部分显示省略号 */ .ellipsis{text-overflow:ellipsis;overflow:hidden;}    </style>  </head>    <body>    <div>      <p>wordwrap:breakword;absavhsafhuafdfbjhfvsalguvfaihuivfs</p>      <p>wordwrap:break-word;absavhsafhuafdfbjhfvsalguvfaihui</p>      <p>wordwrap:break-word;absavhsafhuafdfbjhfvsalguvfaihuivf</p>      <p>wordwrap:breakword;absavhsafhuafdfbjhfvsalguvfaihuivfsa</p>      <p>wordwrap:breakword;absavhsafhuafdfbjhfvsalguvfaihuivfsab</p>    </div>  </body></html>

 

广告 广告

评论区