jQuery Mobile是一個基于jQuery的開源庫，用于創(chuàng)建響應(yīng)式和移動優(yōu)先的網(wǎng)站和應(yīng)用程序。它提供許多功能和組件，其中之一是行布局。

行布局允許開發(fā)人員創(chuàng)建靈活的網(wǎng)格系統(tǒng)，使其更容易創(chuàng)建移動設(shè)備上的響應(yīng)式布局。在行布局中，頁面分為幾個列，每列都是一個塊級元素。列的數(shù)量可以根據(jù)需要自由地添加或刪除，使其非常適合不同的設(shè)備大小和屏幕尺寸。

以下是一個簡單的例子，演示了如何使用行布局來創(chuàng)建兩列布局：

<div class="ui-grid-a">
<div class="ui-block-a">第一列</div>
<div class="ui-block-b">第二列</div>
</div>

這個例子中的ui-grid-a類是行布局的容器，它告訴jQuery Mobile將該行分為兩列。ui-block-a和ui-block-b類是列的容器，它們分別代表第一列和第二列。在實際設(shè)置中，您可以將這些類重命名為符合您的需求。

行布局還提供了其他功能，如柵格填充和隱藏等。使用它們可以更靈活地控制頁面上各個元素的位置和大小。讓我們看一個簡單的例子：

<div class="ui-grid-a">
<div class="ui-block-a">第一列</div>
<div class="ui-block-b">第二列</div>
</div>
<div class="ui-grid-a">
<div class="ui-block-a">第一列，寬度為75%</div>
<div class="ui-block-b">第二列，寬度為25%</div>
</div>
<div class="ui-grid-a">
<div class="ui-block-a ui-block-persist">始終可見</div>
<div class="ui-block-b">視口更小時隱藏</div>
</div>

第一個例子是我們前面提到的例子，它只有兩個列。第二個例子使用了柵格填充，使第一列比第二列更寬。第三個例子使用ui-block-persist類來使第一列的元素始終可見，而第二列的元素將在視口較小的情況下自動隱藏。

行布局是一個非常強大的工具，可以幫助您創(chuàng)建多種類型的網(wǎng)格布局。通過使用它，您可以更輕松地控制頁面的外觀和功能，而不會使您的代碼變得混亂或難以維護。