一行中的Html标记_Html_Css - Fatal编程技术网

一行中的Html标记

html css

一行中的Html标记,html,css,Html,Css,在新行中会自动呈现某些html标记，就像在任何其他标记之后放置一个标记一样，例如锚定标记，那么标记将在新行中的标记之后呈现是否有任何可能的方法可以避免这种默认行为，而是将所有内容都放在一起。使用CSS，将元素的显示设置为内联：使用样式表您可以通过为元素创建带有ID或类样式的样式表来实现这一点 CSS: HTML: HTML: 或者使用内联样式您还可以使用HTML中的内联CSS样式执行此操作： <h3 style="display: inline;">An Inline Hea

在新行中会自动呈现某些html标记，就像在任何其他标记之后放置一个标记一样，例如锚定标记，那么标记将在新行中的标记之后呈现

是否有任何可能的方法可以避免这种默认行为，而是将所有内容都放在一起。

使用CSS，将元素的显示设置为内联：

使用样式表您可以通过为元素创建带有ID或类样式的样式表来实现这一点

CSS:

HTML:

或者使用内联样式您还可以使用HTML中的内联CSS样式执行此操作：

<h3 style="display: inline;">An Inline Heading</h3>

但是，通常建议您将所有样式保存在单独的文件中

更多信息请在此处阅读更多信息：

下面是一个示例：

您可以使用display:table cell；或者一个简单的浮动：左；以达到预期的效果。下面是一个与您的问题相关的工作示例。试着玩一下：

<html>
<head>
<style>
* {
    margin: 0;
    padding: 0;
}
div {
    float: left; /* for IE */
    display: table-row;
}
div * {
    float: left; /* for IE */
    display: table-cell;
}
</style>
</head>
<body>
<div>
  <a>Anchor tag</a>
  <ul>
    <li>List item 1</li>
    <li>List item 2</li>
  </ul>
</div>
</body>
</html>

这将迫使div中的所有元素彼此相邻。

您试图解决的问题是什么？这取决于多种因素，如浏览器类型、HTML编辑器软件等等……每个HTML元素都有自己的特点。为了更好地理解，请查看此链接。如果你想得到一个好的答案，你应该始终给出一些代码和示例。如果你选择否决某个答案，请留下评论，并提出改进建议。提醒一句：小心不要在其他合适的地方使用浮动。当它做得过火时，管理它们会变得相当棘手。您还应该尽量避免在CSS中使用任何特定于浏览器的修复程序。如果浏览器行为不正确，请寻找polyfills或更排他性的方法来纠正它们，例如使用包含IE版本特定的样式表。

<h3 id="myHeading">Inline Heading by ID</h3>
<h3 class="inlineHeading">Inline Heading by Class</h3>

h3 {
    display: inline;
}

<h3>Inline Heading by Tag</h3>
<h3>Another Inline Heading by Tag</h3>
<h3>Still an Inline Heading by Tag</h3>

<h3 style="display: inline;">An Inline Heading</h3>

<html>
<head>
<style>
* {
    margin: 0;
    padding: 0;
}
div {
    float: left; /* for IE */
    display: table-row;
}
div * {
    float: left; /* for IE */
    display: table-cell;
}
</style>
</head>
<body>
<div>
  <a>Anchor tag</a>
  <ul>
    <li>List item 1</li>
    <li>List item 2</li>
  </ul>
</div>
</body>
</html>