色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css 表格 高度自適應(yīng)

<正文>在網(wǎng)頁(yè)制作中,表格是非常常見(jiàn)的元素。但是很多時(shí)候我們做表格的時(shí)候,會(huì)遇到表格高度自適應(yīng)的問(wèn)題。這時(shí)候我們就需要通過(guò)CSS來(lái)對(duì)表格進(jìn)行高度的自適應(yīng)。 首先,我們需要給單元格設(shè)置一個(gè)最小高度,這樣可以讓單元格的高度在內(nèi)容很小時(shí)也不會(huì)太小。例如:
td {
min-height: 20px;
}
接下來(lái),我們要設(shè)置表格高度的自適應(yīng)。以下是一段實(shí)現(xiàn)表格高度自適應(yīng)的代碼:
table {
display: table;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
td {
display: table-cell;
vertical-align: middle;
border-collapse: collapse;
}
以上代碼中需要注意的是,我們需要將table的寬度設(shè)置為100%,這樣可以使表格在任何尺寸下都能適應(yīng)其容器的大小。同時(shí),我們也需要設(shè)置表格的布局方式為fixed,這樣可以讓表格的寬度自適應(yīng)。另外,在表格單元格td中,我們需要將其布局方式設(shè)置為table-cell,以使其以表格單元格的形式來(lái)布局。 以上就是實(shí)現(xiàn)表格高度自適應(yīng)的一些方法。趕快試一試吧!