CSS中实现两列固定宽度居中可以使用float属性来实现。我们可以通过设置左侧列的float:left样式和右侧列的float:right样式来实现两列的布局效果,然后再通过设置margin:auto
CSS中实现两列固定宽度居中可以使用float属性来实现。我们可以通过设置左侧列的float:left样式和右侧列的float:right样式来实现两列的布局效果,然后再通过设置margin:auto来让整个布局居中显示。
下面是示例代码:
<div class="container"> <div class="column-left"> //左侧列内容 </div> <div class="column-right"> //右侧列内容 </div> </div> <style> .container { width: 800px; margin: 0 auto; } .column-left { width: 300px; float: left; } .column-right { width: 450px; float: right; } </style>
以上代码会让左侧列的宽度为300px,右侧列的宽度为450px,整个布局的宽度为800px,并居中显示。
粉丝
0
关注
0
收藏
0