请问老师关于text-align

来源:1-4 选择题

hy_wang

2018-05-20 20:53:35

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>2-9</title>
    <style type="text/css">
       p{
        overflow: hidden;
        width: 300px;
        /*white-space: nowrap*/;
        word-break: keep-all;
        text-overflow:ellipsis;
        /*word-wrap: normal;*/
       height: 200px;
      /*  white-space:nowrap;*/
       }
       
    </style>
</head>
<body>
    <p class="one">JavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavo JavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavoneJavonneJavoneJavon测试列测试列测试列.我是前端工程师真的学习Jav测试列测试列测试列.我是前端工程 师真的学习Ja.v测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工.程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav测试列测试列测试列我是前端工程师真的学习Jav程师真的学习Javone</p>
</body>
</html>

请问老师text-overflow是不是仅仅针对了一行中多余的才有显示 而且老师我这里没有使用white-space也可以啊

写回答

1回答

好帮手慕星星

2018-05-21

1、text-overflow 属性规定当文本溢出包含元素时发生的事情。

2、设置white-space:nowrap;是为了让内容不换行。但是你自己写的这些英文是连在一起的,浏览器解析的时候认为是一个很长的英文单词,自己就会超出设置的宽高,是不会换行的,从而达到了white-space:nowrap;一样的效果,所以会出现这种情况。

祝学习愉快~~

0

0 学习 · 5012 问题

查看课程