您的位置：首页 > Web前端 > HTML

随着文字内容增加，div的高度也跟着增加，并且文字自动换行

2017-11-28 09:52 441 查看
<!DOCTYPE html>

<html>

<head>

    <title>Test</title>

    <style type="text/css">

        body

        {

             margin:0px;

             border:solid 1px red;

        }

        div

        {

            margin:0 auto;

            border:solid 1px red;

             height:auto;

            width:100px;

           word-break:break-all;/*只是强制换行，不管文字是否相同*/

          /* word-break:break-word;*//*强制换行不同文字*/

        }

    </style>

</head>

<body>

    <script type="text/javascript">

        var arr = new Array(6)

        arr[0] = "George"

        arr[1] = "John"

        arr[2] = "Thomas"

        arr[3] = "James"

        arr[4] = "Adrew"

        arr[5] = "Martin"

        for (var i = 0; i < arr.length; i++) {

            arr.splice(i);

            i = i - 1;

        }

        document.write(arr)

    </script>

    <div>

准通用标记语言（以下简称“通用标言”）111111，1,test,333333333333333333333333333333333准通用标记23423423423432432语言准通用标记语言准通用标记语言准通用标记语言准通用标记语言准通用标记语言准通用标记语言准通用标记语言准通用标记语言准通用标记语言准通用标记语言

    </div>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html div
相关文章推荐
新的分享
章节导航