1 
<!DOCTYPE HTML>
<html>
<head>
<style>
    #test{
        width: 10px;
        background-color: blue;
    }
</style>
</head>
<body>


<p id="test">a a a a a a a a a</p>

在此示例中，行框遵循#test 的宽度 


<!DOCTYPE HTML>
<html>
<head>
<style>
    #test{
        width: 10px;
        background-color: blue;
    }
</style>
</head>
<body>


    <p id="test">aaaaaaaaaaaaaaaaa</p>


</body>
</html>

但是使用第二个代码，行框从 #test 的宽度溢出

线框之间的空间怎么处理

4

1 回答 1

1

我认为你可以使用

#test{
    ...
    word-wrap:break-word;
}

DEMO也看到了这个。

于 2012-10-15T02:20:34.020 回答