当前位置: 源码素材网 » CSS教程 » 详情页

CSS word-wrap 强制换行和强制不换行用法

  •   时间:2019-01-10
  • 概述:强制换行 word-wrap

CSS word-wrap 强制换行和强制不换行用法,本例子演示了word-wrap 的使用方法,先来看例子:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>css word-wrap属性实例</title>
<style>
.p1{word-wrap:break-word;}
.p2{word-wrap:normal;word-break:normal;} 
p{width:300px;height:50px;border:2px solid #000000;}  
</style>
</head>
<body>
  <p class="p1">HowareyouHowareyouHowareyouHowareyouHowareyouHowareyouHowareyou</p>
  <p class="p2">HowareyouHowareyouHowareyouHowareyouHowareyouHowareyouHowareyou</p>
</body>
</html>

p1定义了CSS强制换行的实现,p2定义了强制不换行的实现,两者在CSS的定义上有区别,请参见上述代码中CSS word-wrap 部分的定义。

    相关声明:

      若“CSS word-wrap 强制换行和强制不换行用法”有损您的权益,请告之我们删除内容。
      部分文章来源于网络,版权归原作者所有。