欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css設置tr不左右滾動

傅智翔2年前8瀏覽0評論

CSS是一種用于網頁樣式設計的語言,可以通過其強大的樣式設置功能來使網頁更加美觀和易于閱讀。在網頁設計中,表格是一個非常重要的組件,而其中標簽是表格中的行標簽。

在某些情況下,我們希望表格不會左右滾動,但是默認情況下,表格中的每一行都會占用整個表格寬度,當表格寬度超過瀏覽器視口時,就會出現橫向滾動條,影響用戶體驗。為了解決這個問題,我們可以使用CSS來設置。

table {
table-layout: fixed;
width: 100%;
}
th, td {
padding: 10px;
}
tr {
display: table-row;
width: auto;
}

上述代碼中,我們使用了table-layout: fixed屬性來設置表格的布局方式為定寬布局,這意味著表格中的列寬度將被按照我們指定的寬度來調整。同時,也可以根據實際需要設置表格寬度為100%。

在th和td中,我們設置單元格內的內邊距為10px,這樣單元格內的內容就不會太擁擠。

最后,在標簽中使用display: table-row屬性來將其變成一個表格行,使用width: auto屬性將其寬度設置為自動調整。這樣,當表格寬度超過瀏覽器窗口時,行將根據內容自動調整寬度,而不會導致表格出現水平滾動條。