3

次のようなものをレンダリングする HTML ページがあるとします。

labelA [___INPUT-TEXT____] labelB [___INPUT-TEXT____]

ただし、次のような 2 番目のラベルで「一線を画したい」と思います。

labelA [___INPUT-TEXT____]
labelB [___INPUT-TEXT____]

HTMLコードを変更できないと仮定します。CSSでどうやってそれを行うことができますか?

以下に例を示します。

<html><head><style>
#labelA { display:block; }
#labelB { display:block; }
</style></head>
<body>
<label for="ia" id="labelA">labelA</label><input id="ia" type="text"/>
<label for="ib" id="labelB">labelB</label><input id="ib" type="text"/>
</body></html>

どんな助けでも大歓迎です。

乾杯、

編集： 指摘してくれてありがとう{ display: block; }。{inline:block}

4

5 に答える 5

0

単純な使用ですが、要素で幅 を使用しない限り、フロートを使用し<br />た単純な使用floatは保証されません100%

以下の使用例<br />

<label for="ia" id="labelA">labelA</label><input id="ia" type="text"/><br />
<label for="ib" id="labelB">labelB</label><input id="ib" type="text"/>

フロートの使用;

float:left;
width:100%;
于 2013-03-30T09:52:17.603 に答える
0

間違ったステートメントを配置しました。 inline: block;this should be display: inline;or display: inline-block;or display: block;like this displayshould be defined. css についてもっと学ぶ必要があると思います。それから w3school に行くか、Google で css チュートリアルを検索してくださいinline: block;。あなたの質問についてdisplay: block;は、他の回答と同じように定義する必要があります。

于 2013-03-30T06:01:56.920 に答える