0

要素に境界線を追加しfieldset、下にドラッグしlegendて一種の見出しとして機能させると、隙間がfieldset残ります。

ラッパーを追加して境界線を設定せずに、境界線全体を持つ方法はありdivますか?

例

例

CSS

fieldset legend {
    position: relative;
    bottom: -40px; 
    background: transparent; 
}

jsFiddle .

4

4 に答える 4

2

IE7/IE8 および最近のバージョンの Firefox、Chrome、Safari、Opera でテスト済み。

IE7 が左側に少しスペースを追加していることを除いて、それらのすべてで同じように見えます。

無邪気な小さなラッパーを追加する必要がありましたspan。

http://jsfiddle.net/thirtydot/ErZEj/

HTML:

<form>
    <fieldset>
        <legend><span>I am</span></legend>

        <div style="margin-top:80px">dsfsdf</div>

    </fieldset>
</form>

CSS:

fieldset {
    border: 2px dotted #333;   
    height: 340px;
    position: relative
}
fieldset legend {
    position: absolute;
    top: 0;
    left: 0
}
legend span {
    position: absolute;
    left: 0;
    bottom: -60px;
    white-space: nowrap /* or define width */
}
于 2011-03-23T02:06:46.917 に答える
2

この jquery フィドルを見てください: jsFiddle

于 2011-03-23T01:32:16.660 に答える
0

凡例タグをそのままにして、ファイルセット内のヘッダーに別のものを使用しないのはなぜですか。

于 2011-03-23T01:24:14.803 に答える