DIV+CSS两边自适应宽度-中间固定宽度

最新推荐文章于 2021-11-28 12:04:45 发布

原创最新推荐文章于 2021-11-28 12:04:45 发布 · 163 阅读

0 ·

CC 4.0 BY-SA版权

html + js + css 专栏收录该内容

50 篇文章

订阅专栏

本文介绍了如何利用HTML表格和div元素实现网页中自适应和固定宽度布局的方法，通过示例代码展示具体操作步骤。

1.两边如果要放内容的话 就用table
<table width="100%">
   <tr>
      <td>左边自适应</td>
      <td width="100">中间固定宽度</td>
      <td>右边自适应</td>
   </tr>
</table>

2.如果只是加个背景
<div style="width:100%;background:url(xxx) no-repeat center center;">
   <div style="width:100px;margin:0 auto">中间固定宽度</div>
</div>