CSS中，實現(xiàn)左中右排列是一個非常常見的需求，常見于網(wǎng)頁布局、導(dǎo)航欄以及輪播圖等組件中。下面就來分享一下如何實現(xiàn)。

對于左中右排列，我們可以采用盒模型的思想，將頁面分為左中右三個部分，再用CSS定位。具體實現(xiàn)方式如下：

.left{
position: absolute;
left: 0;
width: 200px;
}
.center{
margin: 0 auto;
width: 600px;
}
.right{
position: absolute;
right: 0;
width: 200px;
}

以上代碼將頁面分為左側(cè)寬度為200px的.left部分，中間寬度為600px的.center部分，以及右側(cè)寬度為200px的.right部分，通過控制它們的定位和寬度來實現(xiàn)排列。

對于.left和.right部分，采用position: absolute;的方式，將它們固定在頁面左右兩側(cè)。

對于.center部分，采用margin: 0 auto;的方式，使其垂直居中，并且根據(jù)頁面寬度自適應(yīng)。這種方式適用于中間部分寬度固定的場景。

如果中間部分寬度不固定，可以采用flex布局方式：

.container{
display: flex;
justify-content: space-between;
}
.left, .right{
flex: 1;
}

以上代碼采用了flex布局方式，將左右兩個部分的寬度設(shè)為1，中間部分自適應(yīng)。justify-content: space-between;的方式使左右兩部分分別靠頁面左右兩側(cè)。這種方式適用于中間部分寬度不固定的場景。

綜上所述，左中右排列是一個基本的網(wǎng)頁布局，可以通過盒模型和flex布局的方式來實現(xiàn)。不同的場景可以選擇不同的方式。希望能對大家有所幫助。