0



私の Web アプリケーションには、テーブルのような構造を作成する div と span がいくつかあります。

擬似コードは、

<head>
<style>
span{
    display:inline-block;
    width:auto;
}
    .tblbody
{
        font-family:'Segoe UI';
    font-size:20px;
    color:#2A2A2A ;
    padding : 0px;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:9px;
}
</style>
</head>
<body>
<div>
    <span style="width: 240px;" class="tblbody">
    <span style="width: 240px;" class="tblbody">asia</span></span>
    <span><span><br>
    <span style="width: 240px;" class="tblbody">india</span></span>
    <br><span><br>
    <span style="width: 240px;" class="tblbody">china</span</span>
    <br><span><br><span style="width: 240px;" class="tblbody">pakisthan</span></span><br><span><br>
    <span style="width: 240px;" class="tblbody">bangladesh</span></span><br></span>
</body>



最初の行では、大陸名を含むスパンが下に移動し、その上にスペースが残されています。
どうすればスパンを上に移動できますか?

ありがとう:)

4

2 に答える 2

1

あなたのspanにvertical-align:topを書いてください。次のように書きます。

span{
        display:inline-block;
        width:auto;
        vertical-align:top
        }
于 2012-09-11T07:51:21.290 に答える
0

あなたは padding-top: 5px を持っています padding-top: 0px に変更してみてください

于 2012-09-11T07:52:09.407 に答える