當我們編寫Web頁面時,經常會出現一些內容超出了指定的顯示區域,這時候就需要使用css來讓多余的部分進行隱藏。
下面是如何使用css來實現多出的部分隱藏:
/* 隱藏超出指定高度的部分 */ .overflow-hidden { height: 100px; /* 指定顯示區域的高度 */ overflow: hidden; /* 超出高度的部分進行隱藏 */ } /* 隱藏超出指定寬度的部分 */ .overflow-hidden { width: 500px; /* 指定顯示區域的寬度 */ overflow-x: hidden; /* 橫向超出寬度的部分進行隱藏 */ } /* 隱藏超出指定高度和寬度的部分 */ .overflow-hidden { width: 500px; /* 指定顯示區域的寬度 */ height: 100px; /* 指定顯示區域的高度 */ overflow: hidden; /* 超出高度和寬度的部分進行隱藏 */ }
使用以上的css樣式,就可以讓網頁的內容在超出顯示區域時進行隱藏,使內容更加整潔美觀。