html - CSS - h1 取其余宽度

Question

在我的标题框中，我有一个图标 ( <img>) 和一个标题 ( <h1>)。两者都向左浮动。

我希望我的标题 ( <h1>) 占据框的其余部分。所以如果我把 text-decoration: underline; 在上<h1>，下划线必须一直延伸到方框的末尾。

基本上我希望欢迎下的行一直到黄色框的末尾。

任何人都可以帮忙吗？

score 1 · Accepted Answer

如果该区域中唯一的其他元素已经浮动，则不需要进行h1浮动。正如其他海报已经指出的那样，您可能希望使用边框而不是下划线来获得这种效果。这是我的编辑：

我的解决方案与上述解决方案的主要区别在于，这个解决方案没有为h1元素设置宽度。如果您决定将来更改内容标题的宽度，这将更容易div。

score 0 · Accepted Answer

我使用边框底部来模拟到最后的下划线。我降低了您的行高并添加了填充顶部以将其放置在您拥有的位置。删除文本装饰，您将有一行。

score 0 · Accepted Answer

0

干得好：

这可能是你想要的吗？

于 2012-08-13T08:00:07.520 回答

score 0 · Accepted Answer

嘿，现在习惯并像这样box-shadow删除h1 并设法达到底线float leftline-height

4 回答 4