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

标签 css html

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

最佳答案

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

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

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

关于css - 在html5中设置单元格的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32811606/

相关文章:

asp.net - asp.net模板

javascript - 如何在页面加载后加载外部js文件并使用其中的函数

html - 在一侧倾斜和裁剪图像

javascript - 共享点 : Add css and javascript to a web part page

css - Vue 组件 - 包含 Laravel 目录中的 css 文件

javascript - Knockout.js 单击带有参数的绑定(bind)

python - 链接回之前访问过的表单

html - Amazon S3 在浏览器中翻转肖像图像?

html - 使 CSS Flex 元素忽略容器元素

javascript - 如何在 reactjs 中使用单个 ListItem 映射路由?