CSS 圖片自帶換行符是一種使用CSS來讓圖片自動換行的方法。這種方法可以使用行內樣式和偽元素來實現。下面將詳細介紹這兩種方法。

## 使用行內樣式

使用行內樣式可以使CSS樣式規則應用到圖片上，從而自動換行。可以使用以下代碼實現：

```css

display: block;

width: 200px;

height: 200px;

border: 1px solid #ccc;

text-align: center;

vertical-align: middle;

上述代碼中，我們使用`display: block`來使圖片成為塊級元素，`width: 200px;`和`height: 200px;`來設置圖片的寬度和高度，`border: 1px solid #ccc`來設置圖片的邊框，`text-align: center;`和` vertical-align: middle;`來設置圖片的居中對齊和垂直對齊。

## 使用偽元素

使用偽元素可以使CSS樣式規則應用到圖片上，并自動換行。可以使用以下代碼實現：

```css