html - 标题中的左、中、右

标签 html css layout

我正在尝试在页眉中创建左对齐、居中对齐、右对齐……目标是:

  1. 包含工具栏的顶级 DIV 应根据其内容调整大小。
  2. Left 和 Right div 具有固定大小,但中间应占用剩余空间。

我的例子:http://jsfiddle.net/WarrickF/bx3tw/

有些工作,但我的 CSS 我们真的生锈了,我无法完全理解如何以简单干净的方式进行操作。一旦我采用绝对位置方法,标题 div 就不再知道内容的大小。可以想象具有搜索框的正确 div。

有谁知道一个简单干净的方法来做到这一点?

谢谢 沃里克

最佳答案

让左右 div float ,并省略中间 div 的宽度。

我已经更新了你的 fiddle http://jsfiddle.net/bx3tw/1/

关于html - 标题中的左、中、右,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12008866/

相关文章:

javascript - 单击大图时图像不会加载

javascript - 如果使用 jquery 内容为大写,则将 H3 标签替换为 H2

html - 全屏时在视频嵌入的顶层绘制文本

css - 使网站与大多数浏览器兼容

javascript - 如何添加事件选择器

Android 布局溢出问题

ruby-on-rails - 如何通过 html.erb View 中的单选按钮使用 if else 功能?

html - 防止 <li> 跨行

c# - 如何在 ASP.NET MVC 中创建两列蛇形布局?

ios - 我在界面生成器中创建了一个 UIImage View ,如何在代码中更改其框架(位置和大小)?