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>

しかし、この 2 番目のコードでは、ライン ボックスが #test の幅からオーバーフローします。

linebox の間のスペースをどうするか

4

1 に答える 1

1

使えると思います

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

デモして、これも見てください。

于 2012-10-15T02:20:34.020 に答える