12

「ボックス」と呼ばれる別<div>の「コンテナ」をラップする「コンテナ」があります。<div>「ボックス」にはテキストが含まれています。

<div class="box">問題は、テキストに合わせてサイズを変更できないように見えることです。私の状況を説明する図もありました。

形 

<!DOCTYPE html>
<meta charset="utf-8" />
<link rel="stylesheet" href="float.css">
<div class="container">
    <br>
    <br>
    <br>
    <br>
    <div class="box">Hello my name is jack</div>
</div>
<div class="container">
    <br>
    <br>
    <br>
    <br>
    <div class="box">Hello my name is jack</div>
</div>

私のCSS

.container {
    background-color: #ED8713;
    height: 300px;
    width: 300px;
    margin: 60px;
    margin-top: 50px;
}
.box {
    background-color: #FFFFFF;
    width: 270px;
    margin: 0 auto;
    margin-top: 15px;
    text-align: center
}
4

7 に答える 7

2

幅を削除するか、 auto に設定する必要があります:width : auto

于 2013-04-21T17:26:35.923 に答える
1

の を削除し、width代わり.boxに追加display:inline-blockします。

于 2013-04-21T17:20:47.690 に答える