相关疑难解决方法(0)

CSS表列autowidth

鉴于以下内容,我如何将我的上一列自动调整为其内容?(最后一列应该自动调整宽度到内容.假设我只有1个li元素它应该收缩而不是3个li元素等):

            <table cellspacing="0" cellpadding="0" border="0">
            <thead><!-- universal table heading -->
                <tr>
                    <td class="tc first"><input type="checkbox" value="true" name="data-1-check-all" id="data-1-check-all"></td>
                    <td class="tc">Type</td>
                    <th>File</th>
                    <th>Sample</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>Division 1</td>
                    <td>Division 2</td>
                    <td>Division 3</td>
                    <td>Division 4</td>
                    <td>Division 5</td>
                </tr>
                <tr>
                    <td>Division 1</td>
                    <td>Division 2</td>
                    <td>Division 3</td>
                    <td>Division 4</td>
                    <td class="last">
                        <ul class="actions">
                            <li><a class="iconStats" href="#">Statystyki</a></li>
                            <li><a class="iconEdit" href="#">Edytuj</a></li>
                            <li><a class="iconDelete" href="#">Usu?</a></li>

                        </ul>
                    </td>
                </tr>
            </tbody>
        </table>
Run Code Online (Sandbox Code Playgroud)

CSS:

table { table-layout: fixed; width: 100%; }
table tr { border-bottom:1px solid #e9e9e9; } …
Run Code Online (Sandbox Code Playgroud)

html css xhtml css3

93
推荐指数
2
解决办法
20万
查看次数

标签 统计

css ×1

css3 ×1

html ×1

xhtml ×1