CSS中可以使用width
和height
屬性來控制圖片的大小,從而實(shí)現(xiàn)只顯示圖片的一半,以下是一個(gè)示例代碼:
img { width: 50%; height: 50%; }
上述代碼將圖片的大小設(shè)置為原始大小的50%,從而只顯示圖片的一半,您可以根據(jù)需要調(diào)整width
和height
屬性的值來控制圖片的大小。
如果您希望圖片的一半顯示在左側(cè),另一半顯示在右側(cè),可以使用CSS的position
屬性來實(shí)現(xiàn),以下是一個(gè)示例代碼:
img { position: absolute; width: 50%; height: 50%; left: 0; right: 0; }
上述代碼將圖片定位在元素的中央,并將其大小設(shè)置為原始大小的50%,由于left
和right
屬性都設(shè)置為0,因此圖片的一半將顯示在左側(cè),另一半顯示在右側(cè)。
上述示例僅適用于具有塊級(jí)元素的容器,如果您希望在不具有塊級(jí)元素的容器中實(shí)現(xiàn)類似效果,可以使用其他CSS屬性進(jìn)行調(diào)整。