CSS是一種樣式表語言,它可以幫助我們?cè)诰W(wǎng)頁上設(shè)置各種樣式,其中包括如何讓圖片換行。
當(dāng)我們?cè)诰W(wǎng)頁上插入一張圖片時(shí),如果這張圖片比較大,它就可能會(huì)影響到該段文字的布局,從而影響網(wǎng)頁的整體美觀程度。因此,我們可以通過CSS來控制它的布局。
img { float: left; // 讓圖片向左浮動(dòng) margin-right: 10px; // 讓圖片與文字之間留出一定的間距 }
以上代碼的作用是讓圖片向左浮動(dòng),并且給它與文字之間留出10像素的間距。
這樣一來,當(dāng)我們插入一張比較大的圖片時(shí),它就會(huì)像下面這樣,自動(dòng)換行,并且保持與文字之間的一定距離。
正文正文正文正文正文正文正文正文正文正文
正文正文正文正文正文正文正文正文正文正文
正文正文正文正文正文正文正文正文正文正文
正文正文正文正文正文正文正文正文正文正文
有了上述代碼,我們就可以輕松讓圖片換行,并且保持良好的布局。