常用css片段

强制换行:

强制换行
      1、word-break: break-all;       只对英文起作用,以字母作为换行依据。
      2、word-wrap: break-word;   只对英文起作用,以单词作为换行依据。
      3、white-space: pre-wrap;     只对中文起作用,强制换行。
 
禁止换行
      white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
.hh{}

禁止换行:

 

清除浮动:

.clearfix:after{clear:both;display:block;content:""}

 strong的字符太长后称大父元素,需要设置父元素为hiden后,才不会称大父元素

<div class="flex">
    <div style="overflow:hiden;flex-grow:1"><strong>AAAAAAAAAA</strong></div>
    <div></div>
</div>

 

posted @ 2018-07-13 14:16  森林王子  阅读(107)  评论(0)    收藏  举报