关于文本的换行、溢出(单行溢出、多行溢出)与样式

1.前言

1.在日常开发过程中我一直对文本的处理都是模棱两可，因为会认为就是样式问题肯定简单，不用记，用到了就查，可是今天竟然一个小小的问题让我困惑了很久，所以下定决心把它拿下。

2.分享疑惑

1.让我疑惑了一下的是这个 到底文本默认是换行还是不换行呢？
2.平时写文本限制宽度的情况都是换行的,为什么还疑惑呢？
给大家看一下

<div class="box1">
   <p class="p1">
       我爱学习我爱学习我爱学习我爱学习我爱学习我爱学习我爱学习我爱学习我
   </p>
   <p class="p1">
       wowowowowowowowowowowowowowowowowowowowowowowowowowowowowowo
   </p>
</div>

<style>
 .box1{
   
     width: 600px;
     height: 600px;
     background-color: #ccc;
  }
  .p1{
   
      width: 300px;
      border: 1px #000 solid;
  }
</style>

3.我们可以看到同样是限制了宽度，一个折行，一个溢出

4.也许有很多同学在某个瞬间会和我有同样的疑惑，可是思考一下就发现，因为下边是被认为是整个单词而没有折行,我们可以看 如果是单词的话 可以看到是会换行的

<p class="p1">
    i like learning i like learning i like learning i like learning i like learning
</p>

5. 但是如果一个单词过于长呢