在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 當(dāng)table里嵌套一個(gè)table,怎么讓里面table的tr和外面table的t

當(dāng)table里嵌套一個(gè)table,怎么讓里面table的tr和外面table的thead對(duì)齊?

在項(xiàng)目的需求中,用vue-for來加載數(shù)據(jù)顯示到tr中,但數(shù)據(jù)要求兩行顯示,我的解決辦法是這樣:

    <table>
        <thead></thead>
        <tr v-for="item in items">
            <td colspan = "10">
                <table>
                    <tr></tr>
                    <tr></tr>
                </table>
            </td>
        </tr>
    </table>

現(xiàn)在可以實(shí)現(xiàn)數(shù)據(jù)加載兩行顯示,但現(xiàn)在有個(gè)問題就是里面table的tr跟外面table的thead無法對(duì)齊,難道真的只有css來一個(gè)個(gè)地移嗎?
如圖圖片描述

另外有個(gè)問題,就是燈光亮度旁邊也有兩個(gè)圖標(biāo),不知怎么就是顯示不出來,路徑是沒問題的,因?yàn)槔涔馀鈭D標(biāo)也能顯示。
這是未顯示圖標(biāo)的代碼:

.SingleRight .list .list-table tbody .moveRail .lightUp {
    background: url("../img/public/light.png") 5px center no-repeat;
    width: 30px;
    height: 30px;
    margin-left: 13px;
    margin-top: -8px;
}

.SingleRight .list .list-table tbody .moveRail .lightDown {
    background-image: url("../img/public/dark.png");
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -5px;
}
回答
編輯回答
失魂人

是的,因?yàn)闆]有在一個(gè) <table> 環(huán)境里,所以必須手動(dòng)指定每個(gè)單元格的寬度。

2017年12月5日 04:23