0

如何在同一个 div 中提供 css 以获取如下页面。我以以下方式获得数据,其中包含更多子部分,如第二阶段。

                                              abcde
                       a production           productions
                                              limited 
   total
                                              jackson 
                       b productions          productions
                                              limited

我使用的代码如下。

css

.label_left21 {
width: 20%;
float: left;
text-align:center;
line-height: 30px;
    margin:0 10px 0 0;

    word-wrap:break-word;

   }
.text_right22 {
width: 20%;
float:left;
text-align:center;

}
.text_right23 {
width: 55%;
float:left;

}

html为

<div class="label_left21"><br><br><br><label>BUDGET</label></div>
<div class="text_right22"><br><br><br><label>PUBLIC</label></div>
<div class="text_right23"><label>State</label></div> 
<div class="text_right22"><br><br><br><label>PRIVATE</label></div>
<div class="text_right23"><br><label>publication</label></div>

但是如果有更多的子部分,它就不起作用数据冲突

4

1 回答 1

1

如果您使用带有rowspan的表格会更容易......并且可以使用css来调整单元格的宽度和边距这里是代码

<!DOCTYPE html>
<html>
<body>


<table >

<tr>
  <td rowspan="9">total</td>

</tr>
<tr>
  <td rowspan="4">a production</td>


</tr>

<tr>
<td>abcde</td>


</tr>
<tr>
<td>productions</td>


</tr>
<tr>
<td>limited</td>


</tr>

<tr>
  <td rowspan="4">a production</td>


</tr>
<tr>
<td>jackson</td>


</tr>

<tr>
<td>productions</td>


</tr>
<tr>
<td>limited</td>


</tr>


</table>


</body>
</html>

输出

于 2013-08-10T08:25:50.303 回答