0

私はこのhtmlコードを持っています。スパン内のチェックボックスを垂直に揃えたいです:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
    <head>
        <title>asdad</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="inner_css/account.css" rel="stylesheet" type="text/css" />

    </head>
    <body class="xxx">
        <div class="fieldWrapper">
            <span class="fieldHeader">C++</span>
            <span class="checkboxOfField"><input style="text-align:center; vertical-align:middle" type="checkbox"></span>
            <div class="fildtablewrapper">
                <table>
                    <tr>
                        <td>
                            0-2
                        </td>
                        <td>
                            2-5
                        </td>
                        <td>
                    5 ומעלה                            
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="radio" name="xxx" value="1"> 
                        </td>
                        <td>
                            <input type="radio" name="xxx" value="2"> 
                        </td>
                        <td>
                            <input type="radio" name="xxx" value="3"> 
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </body>
</html>

そしてこのCSSコード:

.xxx{
    direction: rtl;
    text-align: center;
}


.fieldWrapper{
    display: inline-block;
    width: 140px;
    background-color: yellow;
    text-align: center;
}

.fieldHeader{
    display: inline-block;
    width: 100%;
    direction: ltr;
    text-align: center;
}

.checkboxOfField{
    display: inline-block;
    width: 100%;
    background-color: red;
    height: 40px;
}

.fildtablewrapper{
    display: inline-block;
    width: 100%;
    text-align: center;
}

table{
    width: 100%;
}

td{
    width: 33.33%;
}

私はまだチェックボックスを垂直方向に揃えることができません。私たちを検索しましたが、自分に合ったものが見つかりませんでした。助けてください!

4

2 に答える 2

2

CSSファイルに以下を追加してみてください

.checkboxOfField input {
height: 100%;
}
于 2012-09-26T12:06:23.083 に答える