css - 在html5中设置单元格的宽度

Question

我正在尝试为单元格设置宽度，但它不起作用。我使用 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>

Answer 1

你的布局有几个问题，但主要不是宽度而是 colspan : (thw width work right)您的 th 没有换行所有列。如果你有六列，你需要一个 colspan = 6

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

我只接触了很少的元素，但你可以看到初步结果in this jsfiddle