CSS 裁剪是指截去一個元素的一部分，只顯示其余部分。

在 CSS 中，裁剪可以通過clip屬性、overflow屬性和一些其他屬性實(shí)現(xiàn)。

使用 clip 屬性

div {
position: absolute;
clip: rect(0,60px,200px,0);
}

在上面的示例中，rect()函數(shù)定義了一個矩形裁剪區(qū)域。函數(shù)的四個參數(shù)分別是左側(cè)、頂部、右側(cè)和底部位置。在這個例子中，rect函數(shù)定義的矩形區(qū)域從 0 像素到 200 像素的頂部和底部，從 0 像素到 60 像素的左側(cè)和右側(cè)。因此，裁剪元素的左上角將位于 x 坐標(biāo) 0，y 坐標(biāo) 0，右下角位于 x 坐標(biāo) 60，y 坐標(biāo) 200。

使用 overflow 屬性

div {
overflow: hidden;
width: 200px;
height: 100px;
}

在上面的示例中，overflow屬性設(shè)置為hidden，它會隱藏未在元素框中的內(nèi)容。因?yàn)樵氐膶挾戎挥?200 像素，高度只有 100 像素，因此超出這些尺寸的內(nèi)容將被隱藏。

使用其他屬性

text-overflow屬性可以用于限制對長文本的處理：

p {
width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

在上面的示例中，如果要顯示的文本超過指定的寬度，它將被截?cái)啵⒂檬÷蕴柎娼財(cái)嗖糠帧?/p>

CSS 裁剪允許您控制在 Web 頁面上顯示的內(nèi)容量，這對于創(chuàng)建干凈整潔的設(shè)計(jì)非常有用。