html – 你能制作一个没有固定宽度右侧边栏的流体宽度标题吗？

概述我担心这比那复杂一点. 我需要一个从不包装的流体宽度标题(h2),左对齐按钮(.btn1),并且所有都没有重叠固定宽度的右按钮(.btn2). 如果这听起来太复杂了,那么写得好的Fiddle(http://jsfiddle.net/8ZtU5/)和一些漂亮的ASCII艺术怎么样？ __________________________________________________| 我担心这比那复杂一点.

我需要一个从不包装的流体宽度标题(h2),左对齐按钮(.btn1),并且所有都没有重叠固定宽度的右按钮(.btn2).

如果这听起来太复杂了,那么写得好的Fiddle(http://jsfiddle.net/8ZtU5/)和一些漂亮的ASCII艺术怎么样？

__________________________________________________|                                                || This header is really really... [One]    [Two] ||                                                |--------------------------------------------------__________________________________________________|                                                || This header is short [One]               [Two] ||                                                |--------------------------------------------------_________________________________|                               || This header is... [One] [Two] ||                               |---------------------------------

你怎么看？你能帮我吗？

HTML：(http://jsfiddle.net/8ZtU5/)

注意：额外的包装只是为了方便.除了渲染结果外,没有必要做任何事情.

<div >    <div >        <div >            <h2>This header is really really really really really really really long</h2>        </div>        <button >One</button>    </div>    <div >        <button >Two</button>    </div></div><div >    <div >        <div >            <h2>This header is short</h2>        </div>        <button >One</button>    </div>    <div >        <button >Two</button>    </div></div>

基本CSS：

.container {    margin:20px 0;    wIDth:100%;    min-wIDth:300px;    background:#eee;}.fluID-wIDth {    min-wIDth:200px;    display:inline-block;}.fixed-wIDth {    wIDth:100px;    max-wIDth:100px;    min-wIDth:100px;    display:inline-block;}.no-wrapPing {    overflow: hIDden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; word-wrap: break-word;}h2 {    display:inline;}

没有必要猜测…如果你想玩的话,那就是小提琴：http://jsfiddle.net/8ZtU5/

解决方法 让这个工作,也许这就是你的意思. jsfiddle 编辑了一下HTML结构 总结

以上是内存溢出为你收集整理的html – 你能制作一个没有固定宽度右侧边栏的流体宽度标题吗？全部内容，希望文章能够帮你解决html – 你能制作一个没有固定宽度右侧边栏的流体宽度标题吗？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。