排列在一個div內的跨度

在我的web應用程序中，我有一些div和跨度使得table像結構一樣。

僞代碼，

排列在一個div內的跨度

<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>

在第一行中，包含大陸名向下移動，在其上方空間的跨度。
如何向上移動跨度？

感謝名單:)

來源

2012-09-11 Navaneeth

爲什麼沒有用''

？ –

回答

寫垂直對齊：頂部您跨度。像這樣寫：

span{ 
     display:inline-block; 
     width:auto; 
     vertical-align:top 
     }

來源

2012-09-11 07:51:21 sandeep

您已經填充頂：5px的嘗試了變化，以填充頂：0像素

來源

2012-09-11 07:52:09 MichaelT

相關問題