table的td相对定位,费了N久搞定了样式问题:html代码
发布于 10 年前 作者 sdfcbs91 5781 次浏览 最后一次编辑是 8 年前

#<div class=“table”> <div class=“header”> <div class=“header-title”>角色列表</div> <div class=“header-add”>+ 添加</div> <div class=“header-search”> <input id=“searchRole” placeholder=“搜索角色” /> <div class=“search-logo”></div> </div> </div> <table class=“body” cellspacing=“0” cellpadding=“0” border=“0”> <tbody> <tr class=“tr”> <td width=“6%”> <div class=“checkbox selected ml30”> <input type=“checkbox” /> </div> </td> <td width=“20%”> <div class="">角色名称</div> </td> <td width=“56%” class=“hoverTag”> <div class=“textl”>角色一</div> <!–tag–> <div class=“titTag”> <div class=“titTag-msg”>权限:<br />刷碗 策划 统计</div> <div class=“titTag-left”></div> </div> </td> <td width=“6%” > <div class=“canClick” >删除</div> </td> <td width=“10%” > <div class=“canClick textl”>编辑</div> </td> </tr> <tr class=“tr “> <td width=“6%”> <div class=“checkbox ml30”> <input type=“checkbox” /> </div> </td> <td width=“20%”> <div class=””>角色名称</div> </td> <td width=“56%” class=“hoverTag”> <div class=“textl”>角色二</div> <!–tag–> <div class=“titTag”> <div class=“titTag-msg”>权限:<br />账单 财务</div> <div class=“titTag-left”></div> </div> </td> <td width=“6%” > <div class=“canClick” >删除</div> </td> <td width=“10%” > <div class=“canClick textl”>编辑</div> </td> </tr> <tr class=“tr”> <td width=“6%”> <div class=“checkbox ml30”> <input type=“checkbox” /> </div> </td> <td width=“20%”> <div class="">角色名称</div> </td> <td width=“56%” class=“hoverTag”> <div class=“textl”>角色三</div> <!–tag–> <div class=“titTag”> <div class=“titTag-msg”>权限:<br />统计 账单 财务 刷碗 策划</div> <div class=“titTag-left”></div> </div> </td> <td width=“6%” > <div class=“canClick” >删除</div> </td> <td width=“10%” > <div class=“canClick textl”>编辑</div> </td> </tr>

                                    </tbody>
                                </table>
                            </div>

] -------第一个table的html----------

#<div class=“table2”> <table class=“body” cellspacing=“0” cellpadding=“0” border=“0”> <thead> <tr> <th width=“20%”>用户名</th> <th width=“61%”>用户类型</th> <th width=“10%”> </th> <th width=“9%”> </th>

                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr class="tr">
                                            
                                            <td width="20%">
                                                <div class="">anymo</div>
                                            </td>
                                            <td  width="61%">
                                                <div class="">OA</div>
                                            </td>
                                            <td  width="10%">
                                                <div class="canClick" >修改</div>
                                            </td>
                                            <td width="10%">
                                                <div class="canClick textl">删除</div>
                                            </td>
                                        </tr>
                                        <tr class="tr ">
                                            
                                            <td width="20%">
                                                <div class="">anymo</div>
                                            </td>
                                            <td width="61%">
                                                <div class="">OA</div>
                                            </td>
                                            <td  width="10%">
                                                <div class="canClick" >修改</div>
                                            </td>
                                            <td  width="10%">
                                                <div class="canClick textl">删除</div>
                                            </td>
                                        </tr>
                                        <tr class="tr">
                                            
                                            <td width="20%">
                                                <div class="">anymo</div>
                                            </td>
                                            <td  width="61%">
                                                <div class="">OA</div>
                                            </td>
                                            <td width="10%">
                                                <div class="canClick" >修改</div>
                                            </td>
                                            <td width="10%">
                                                <div class="canClick textl">删除</div>
                                            </td>
                                        </tr>

                                    </tbody>
                                </table>
                            </div>

-------第二个table的html----------- 最外围是table或table2的DIV,编辑器的问题 无法显示出来 div class=“talbe”

1 回复
回到顶部