您當前的位置:首頁 > 攝影

html檔案中圖片和文字水平並列了,我想把文字放到圖片下方,怎麼解決?

作者:由 星空 發表于 攝影時間:2022-03-27

html檔案中圖片和文字水平並列了,我想把文字放到圖片下方,怎麼解決?知乎使用者2022-03-27 13:00:26

可以給21行的ul元素新增屬性

overflow:auto

21行的ul元素只包含浮動元素,兩個li都是左浮動,導致ul的高度為0;所以解決方案可以為ul指定一個高度或者新增oveerflow屬性為auto

html檔案中圖片和文字水平並列了,我想把文字放到圖片下方,怎麼解決?skey2022-03-27 13:53:37

加個清除浮動樣式

html檔案中圖片和文字水平並列了,我想把文字放到圖片下方,怎麼解決?出門在外的王陽陽2022-03-28 14:42:08

在你新增浮動樣式

之後的元素

上增加

清除浮動

就行了。

具體程式碼如下:

html檔案中圖片和文字水平並列了,我想把文字放到圖片下方,怎麼解決?

標簽: UL  浮動  元素  新增  樣式