4

我意识到，在现代，大多数人使用 CSS 来执行样式，并且将让 CSS 定义 H2 的外观。

但是，请想象一下，我试图让我的文本看起来像 <h2> 的默认外观，但让它与其他文本放在一起。

是否可以在 HTML4 中执行此操作？

或者，是否可以使用 CSS 模拟它？假设我没有直接在 <h2> 上设置样式。

4

5 回答 5

5

默认情况下，所有 HTML 标题 ( <h1>to <h5>) 都显示为block. 这意味着如果标题周围有其他元素，标题将位于单独的行中。

您可以通过将 CSS 应用于display: inline您的标题来更改它。如果您需要它来保持某些块行为（例如具有一定的宽度），您可以使用它display: inline-block来代替。

于 2012-06-01T21:33:58.763 回答
2

试试看：

<!DOCTYPE html>
<html>
<body>

<style>
.h2{
   font-size: x-large;
   font-weight: bold;
   display: inline;
}
</style>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<p class="h2">This is heading 2</p>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

</body>
</html>

并且您应该禁用应用于当前 h2 的当前样式。例如：颜色：黑色！重要；（如果已定义）

于 2012-06-01T21:30:20.823 回答
2

您可以使用以下 CSS 使 h2 显示内联：

​h2 { display: inline; }​

演示

于 2012-06-01T21:30:31.680 回答
0

在 HTML4 中执行此操作的方法（这是问题的主要内容）是使用两个单元格表格：

<table><tr valign=baseline><td><h2>Your heading</h2> <td>Other text</table>

这些天没有多少人会推荐这个。

注意：确保默认呈现h2（取决于浏览器，尽管倾向于遵循类似的路线）的唯一方法是避免使用任何可能适用于h2元素的 CSS 规则。不过，我看不出有什么特别的理由要实现这一点，也许是在讨论浏览器中的 HTML 呈现或类似内容的页面上。

于 2012-06-02T05:47:30.700 回答
0

您可以只<span>在有问题的文本上使用 a 并将 h2 类添加到跨度。

jsfiddle上的示例

.header2{
    font-size: 120%;
}​
于 2012-06-01T21:32:51.333 回答