jQuery 具有強(qiáng)大的 DOM 操作能力，而 DIV 是最常用的 HTML 元素之一。如何使用 jQuery 對(duì) DIV 進(jìn)行排版呢？下面將為大家介紹一些基本的 DIV 排版技巧。 首先，我們需要使用 jQuery 選中需要進(jìn)行排版的 DIV 元素。使用 jQuery 的選擇器功能，可以輕松實(shí)現(xiàn)。 ``` $(“div”).css(“color”,”red”); ``` 以上代碼表示選中所有的 DIV 元素，并將字體顏色設(shè)置為紅色。可以根據(jù)具體需求進(jìn)行相應(yīng)的 CSS 屬性設(shè)置。 接下來，我們來介紹兩種常用的 DIV 排版方式，即水平排列和垂直排列。 一、水平排列 水平排列就是在同一行上排列多個(gè) DIV 元素。以下代碼可以實(shí)現(xiàn)水平排列效果。 HTML 代碼： `````` CSS 代碼： ``` .container { display: flex; } .inner-div { width: 100px; height: 100px; margin-right: 10px; background-color: green; } ``` 以上代碼將容器元素設(shè)置為彈性布局，同時(shí)設(shè)置 DIV 元素的大小、間距和背景顏色，即可實(shí)現(xiàn)水平排列效果。 二、垂直排列 垂直排列就是將多個(gè) DIV 元素依次排列在同一列中。以下代碼可以實(shí)現(xiàn)垂直排列效果。 HTML 代碼： `````` CSS 代碼： ``` .container { display: flex; flex-direction: column; } .inner-div { width: 100px; height: 100px; margin-bottom: 10px; background-color: yellow; } ``` 以上代碼將容器元素設(shè)置為豎向彈性布局，即可實(shí)現(xiàn)垂直排列效果。設(shè)置 DIV 元素的大小、間距和背景顏色同理。 以上就是使用 jQuery 進(jìn)行 DIV 排版的基本技巧，希望對(duì)大家有所幫助！