在html5中设置单元格的宽度

时间:2015-09-27 18:50:40

标签: html css html5

我试图将细胞的宽度归因于细胞,但它不起作用。我使用CSS来制作它,因为HTML5不支持宽度。在我的问题中,我有一个带有标题的表,在该表中我有另一个表用滚动来显示结果,我需要通过标题来排序单元格的结果与标题相同的宽度。有人能帮我吗? 这是fiddle。谢谢!

以下是我尝试的内容:

<table class="two">
            <thead>
                <tr>
                    <th style="width:150px">Tipo de Anúncio</th>
                    <th style="width:150px">Tipo de Imóvel</th>
                    <th style="width:150px">Localização</th>
                    <th style="width:150px">Mediador</th>
                    <th style="width:150px">Preço</th>
                    <th style="width:150px">Área</th>
                </tr>
            </thead>
            <tbody class="scroll">
                <tr>
                    <td colspan="2">
                        <div class="scroll">
                            <table>
                                <tr>
                                    <td style="width:150px">January</td>
                                    <td style="width:150px">$100</td>
                                    <td style="width:150px">February</td>
                                    <td style="width:150px">$80</td>
                                    <td style="width:150px">February</td>
                                    <td style="width:150px">$80</td>
                                </tr>
                                <tr>
                                    <td>February</td>
                                    <td>$80</td>
                                    <td>February</td>
                                    <td>$80</td>
                                    <td>February</td>
                                    <td>$80</td>
                                </tr>
                                <tr>
                                    <td>January</td>
                                    <td>$100</td>
                                    <td>February</td>
                                    <td>$80</td>
                                    <td>February</td>
                                    <td>$80</td>
                                </tr>

1 个答案:

答案 0 :(得分:1)

你的布局有几个问题,但主要不是宽度而是colspan :(宽度正常工作) 你的th没有包装所有专栏。如果ypu有六列,则需要colspan = 6

<tbody class="scroll">
    <tr>
     <td colspan="6">

我只触及了一些元素,但是你可以看到初步结果in this jsfiddle