CSS設(shè)置圖片長(zhǎng)度的方法

在CSS中，我們可以使用width屬性來(lái)設(shè)置圖片的長(zhǎng)度，width屬性定義了元素的寬度，可以是像素、百分比或em等長(zhǎng)度單位，下面是一些示例：

1、設(shè)置圖片長(zhǎng)度為300像素：

img {
  width: 300px;
}

2、設(shè)置圖片長(zhǎng)度為50%：

img {
  width: 50%;
}

3、設(shè)置圖片長(zhǎng)度為2em：

img {
  width: 2em;
}

需要注意的是，如果圖片的原始寬度大于我們?cè)O(shè)置的寬度，那么圖片可能會(huì)被拉伸或壓縮，為了避免這種情況，我們可以使用max-width屬性來(lái)限制圖片的***大寬度：

img {
  max-width: 100%;
}

上述代碼表示圖片的***大寬度不會(huì)超過(guò)其容器的寬度，這樣，即使圖片的原始寬度大于容器寬度，圖片也不會(huì)被拉伸或壓縮。

我們還可以使用height屬性來(lái)設(shè)置圖片的高度，如果我們只設(shè)置高度而不設(shè)置寬度，那么圖片可能會(huì)變得扭曲或變形，在設(shè)置圖片長(zhǎng)度時(shí)，建議同時(shí)考慮寬度和高度。