0

div に格納されているコンテンツのサイズと同じサイズになるように div を形成するにはどうすればよいですか?

現在、内部に配置した 3 つの div よりも幅が広い div です。内側の div のサイズに合わせるにはどうすればよいですか?

ここに私が今持っているものへのリンクがあります:: http://jsfiddle.net/jairajdesai/Fd5hQ/

HTML :

<div id="initial_options">
            <div class="option_button" id="option_1">
                <big>1</big> <span class="supplementary_text">text goes here</span>
            </div>
            <div class="option_button" id="option_2">
                <big>2</2></big> <span class="supplementary_text">text goes here</span>
            </div>
            <div class="option_button" id="option_3">
                <big>3</big> <span class="supplementary_text">text goes here</span>
            </div>
</div>

CSS :

#initial_options {
position:relative;
top:18%;
left:0;
z-index:10;
background-color:#eee;
}
.option_button{
width:20%;
border-radius:none;
}
#option_1{
background-color:#013adf;
}
#option_2{
background-color:#f7fe2e;
}
#option_3{
background-color:#ff0000;
}
4

2 に答える 2

1

<span>コンテンツなどをラップするようなインライン要素。これを使用するか、表示プロパティを として設定できますinline。

div {
   display: inline;
}

ただし、表示方法を設定してinlineも、上下のマージンとパディングを追加するオプションはありません。それも追加したい場合はinline-block、プロパティとして使用する必要があります。

div {
    display: inline-block;
}
于 2013-05-25T12:50:19.310 に答える
0

display:inline-block;パディング、マージン、フロートなしで使用

于 2013-05-25T12:47:18.420 に答える