0

フィールドセット内でテーブルをフォーマットしようとしています。どちらもフォーム内にあります。HTMLコードは次のとおりです。

<!DOCTYPE html>
<html>
<head>
<style>
fieldset{width:90%;}
table {width:100%;border-collapse:collapse;}
table,td {border:1px solid black;}
td.abc {width:40%;}
</style>
</head>
<body>
<form>
    <fieldset>
        <legend>Text Text</legend>
        <table>
        <tr>
            <td> Text </td>
            <td class="abc"> 
                <input size='25' type="text"/>
                <select>
                    <option>Text text text</option>
                    <option> Text </option>
                </select>
            </td>
            <td>
                Text text
            </td>
        </tr>
        <tr>
            <td> Text </td>
            <td class="abc"> 
                <input size='25' type="text"/>
                <select>
                    <option>Text text text</option>
                    <option> Text </option>
                </select>
            </td>
            <td>
                Text text
            </td>
        </tr>
        </table>
    </fieldset>
</form>

</body>
</html>

私の質問は、ブラウザをズームインしたときに（ctrキーと+キーを押して）、テキスト入力と選択を同じ行にとどめるにはどうすればよいかということです。よろしくお願いします。

4

2 に答える 2

1

テーブルを忘れて、DIVを使用してください。それが問題を解決する唯一の方法です。

于 2012-10-31T13:19:52.163 に答える
1

私はSandeepに同意します-私はいつもテーブルで問題を抱えていましたが、代わりにタグとcssを使ってフォーマットするために@HTMLhelpersに行きました。ズームイン、高齢者向けの優れた機能、視覚障害者などに問題はありません。

これは、フィールドセットで実行したいことと同様の連絡先ページスニペットです。

<fieldset>
    <legend>Contact</legend>

<div class="editor-label">
    *@Html.LabelFor(model => model.FirstName)
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.FirstName)
    @Html.ValidationMessageFor(model => model.FirstName)
</div>

<div class="editor-label">
    *@Html.LabelFor(model => model.LastName)
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.LastName)
    @Html.ValidationMessageFor(model => model.LastName)
</div>

<div class="editor-label">
    *@Html.LabelFor(model => model.EmailAddress)
</div>
<div class="editor-field">
    @Html.EditorFor(model => model.EmailAddress)
    @Html.ValidationMessageFor(model => model.EmailAddress)
</div>
    <input type="submit" value="Submit" /> &nbsp;
    <input type="reset" value="Reset" />

</fieldset>
于 2012-10-31T13:27:58.107 に答える