符号

最新推荐文章于 2022-12-07 11:40:27 发布

anlana1994

最新推荐文章于 2022-12-07 11:40:27 发布

阅读量96

点赞数

原文链接：http://www.cnblogs.com/nnf-888/p/9267417.html

版权

-----html符号
<!--空格-->
    <div>&nbsp;</div>         或者<div>&nbsp</div>
<!--&-->
    <div>&amp</div>
<!--&-->
    <div>&amp;</div>

<!--<-->
    <div>&lt;</div>
<!-- > -->
    <div>&gt;</div>
<!--"-->
    <div>&quot;</div>
<!--版权-->
    <div>&copy;</div>
<!--'-->
    <div>&apos;</div>

<!--amp字符串-->
    <div>amp</div>
<!--nbsp字符串-->
    <div>nbsp</div>


--------样式

1. word-wrap:break-word;
----内容将在边界内换行，仅用于块对象，内联对象要用，必须要设定 height,width 或者 display:block 或 position:absolute
<div class="box1">源样式：text-overflow:ellipsis</div>
<br/>
<span class="box1">源样式：text-overflow:ellipsis</span>
<br/>
<span class="box1 dib">源样式：text-overflow:ellipsis</span>

2. word-break:break-all      ----用于处理单词折断

<div class="box1" style="word-break: break-all;">
    adssdsfdsfdgfhgjhjkjljlghfddfasaasdsfdgfgh
</div>
<br/>
<span class="box1 dib" style="word-break:break-all;">
    adssdsfdsfdgfhgjhjkjljlghfddfasaasdsfdgfgh
</span>
<br/>

3. white-space:nowrap   ---- 用于处理元素内的空白，只在一行内显示
<div class="box1" style="white-space: nowrap;">
原样式：text-overflow:ellipsis;
</div>
<br/>

4.text-overflow:ellipsis;   ---- 超出部分显示省略号

<div class="box1" style="white-space: nowrap;text-overflow:ellipsis;overflow:hidden;">
    原样式：text-overflow:ellipsis;
</div>