OnITRoad - 常见问题
HTML 列表如何显示成1.1, 1.2这样的
HTML 列表如何显示成1.1, 1.2这样的 我们可以使用 CSS 显示带有嵌套计数器（如 1.1, 1.2 而不是 1, 2）的有序列表。 在此代码中，我们将找到一些显示此类数字的方法。 使用 display 属性的“block”值显示带有嵌套计数器的有序列表的示例： <!DOCTYPE html> <html> <head> <title
Views：0 2020-06-02
如何在两列中显示无序列表
如何在两列中显示无序列表 在本教程中，我们可以看到如何使用 CSS 以两列显示无序列表。 我们将演示带有 CSS 列和列数属性的示例。 创建 HTML 将 <ul> 元素用于无序列表并添加 <li> 元素。 <ul> <li>Some text</li> <li>Some text</li> &
Views：0 2020-06-02
如何在 HTML 中显示 Base64 图像
如何在 HTML 中显示 Base64 图像 使用 Base64 编码的图像可以使用 <img> 标签嵌入到 HTML 中。 通过避免浏览器发出另外的 HTTP 请求，这有助于增加较小图像的页面加载时间。 Base64 编码和数据 URL 齐头并进，因为数据 URL 减少了浏览器显示 HTML 文档所需的 HTTP 请求数量。 在这个片段中，我们将演示如何在 HTML 中显示 Base
Views：0 2020-06-02
如何在隐藏溢出的 <span> 元素中显示省略号
如何在隐藏溢出的 <span> 元素中显示省略号 使用 CSS text-overflow 属性的解决方案 要在 CSS 溢出属性设置为“隐藏”的 HTML <span> 元素中添加省略号，我们需要添加 text-overflow 属性。 使用它的“省略号”值，这将在 <span> 内的内容末尾添加点。 在带有溢出属性的 <span> 标记中显示
Views：0 2020-06-02
如何用 HTML 显示符号
如何用 HTML 显示符号 使用 HTML 实体的解决方案 许多符号可以很容易地与 HTML 实体一起显示。 在此代码中，我们可以看到显示无穷大、与号、插入符号、小于和大于以及版权和其他符号的示例。 要显示无穷大符号，请使用 HTML 实体：∞ 或者 ∞。 显示无穷大符号的示例： <!DOCTYPE html> <html> <head> <
Views：0 2020-06-02
HTML如何将一条水平线分成多个部分
HTML如何将一条水平线分成多个部分 CSS 解决方案 要将 HTML <hr> 元素分成多个部分，我们可以在其顶部或者底部设置边框。 如果你想让你的 <hr> 元素被分成一些不同宽度的部分，你需要试试下面的例子。 其中我们使用多个 <hr> 元素，其显示设置为“inline-block”，边框顶部指定为“solid”。 然后，我们设置每条水平线的宽度。 将
Views：0 2020-06-02
如何在 HTML 中嵌入 PDF
如何在 HTML 中嵌入 PDF 有多种方法可以在 HTML 文档中包含 PDF 文件： 使用 <embed> 和 <object> 标签，这被认为是过时的方式，因为它们现在已被弃用。 使用 <a> 或者 <iframe> 标签。 将 PDF 文档放入 HTML 的方法 将 PDF 放入 HTML 文档的最简单方法是使用带有 href 属性的
Views：0 2020-06-02
如何强制 <div> 元素的内容保持在同一行
如何强制 <div> 元素的内容保持在同一行 使用CSS overflow属性实现： 我们可以使用一点 CSS 强制 HTML <div> 元素的内容保持在同一行。 使用 overflow 属性，以及设置为“nowrap”的 white-space 属性。 强制 <div> 元素的内容保持在同一行的示例： <!DOCTYPE html> <
Views：0 2020-06-02
在打印大型 HTML 表格时如何处理分页符
在打印大型 HTML 表格时如何处理分页符 使用 CSS page-break-inside 属性的解决方案 如果我们需要在多页上打印包含多行的 HTML 表格，请查看下面的代码。 为此，我们需要 CSS page-break-inside 属性，它有助于指定文档在打印时的行为方式。 打印大表格时处理分页符的示例： <!DOCTYPE html> <html> &l
Views：0 2020-06-02
HTML如何增加虚线边框的点之间的空间
HTML如何增加虚线边框的点之间的空间 使用 HTML 和 CSS 的解决方案 在这个片段中，我们将演示如何在点之间添加空格。 为了克服这个困难，使用 background-size 属性调整大小，使用 background-image 属性调整比例。 因此，我们可以使用多个背景拥有多个虚线边框。 让我们看看这个例子，它适用于水平和垂直边界。 增加虚线边框的点之间的空间的示例： <!DO
Views：0 2020-06-02
如何在 HTML 中插入视频
如何在 HTML 中插入视频 有多种方法可以在中插入视频。 <embed>、<frame> 和 <object> 标签用于将视频插入 HTML 文档。 但是它们现在已被弃用，所以让我们来看看如何使用 <video> 和 <iframe> 标签。 使用 <video> 标签在 HTML 中插入视频 <video>
Views：0 2020-06-02
HTML如何使 <div> 填充剩余空间的高度
HTML如何使 <div> 填充剩余空间的高度 如果我们需要内容来填充全屏的高度，那么我们来对地方了。 在这个片段中，我们将演示四种使 <div> 填充剩余空间高度的方法。 解决这个问题最常用的方法是使用 Flexbox。 让我们看看如何使用它。 对于这种方法，我们需要 CSS flex 属性作为 flex-grow、flex-shrink 和 flex-basis 属
Views：0 2020-06-02
HTML如何使 Div 填充剩余宽度
HTML如何使 Div 填充剩余宽度 创建 HTML 使用 <body> 元素。 添加一个 <div> 元素并其中放置另外两个带有 id 属性的 <div> 元素。 <body> <div id="container"> <div id="left"> d
Views：0 2020-06-02
如何在 HTML 中制作按钮 onclick
如何在 HTML 中制作按钮 onclick onclick 属性是所有浏览器都支持的事件属性。 当用户单击按钮元素时出现。 如果要使按钮onclick，则需要在<button> 元素中添加onclick 事件属性。 如何将 URL 添加到 window 对象 当用户单击按钮时，按钮 onclick 运行脚本。 让我们看一个示例，其中有一个按钮，单击该按钮我们将转到我们的。 为了实
Views：0 2020-06-02
如何使 HTML <dt> 和 <dd> 元素保持在同一行
如何使 HTML <dt> 和 <dd> 元素保持在同一行 在此代码中，我们将找到一些强制 <dt> 及其对应的 <dd> 元素保持在同一行上的方法。 我们需要使用一些 CSS。 CSS 解决方案 使用 CSS 浮动属性使 <dt> 和 <dd> 并排放置。 另外，调整宽度。 在下面的示例中，我们对宽度属性使用百分比。 强
Views：0 2020-06-02
HTML如何让中间的项居中
HTML如何让中间的项居中 使用 Flexbox 的解决方案 可以使用 Flexbox 将中间项居中，而不管同级项的宽度如何。 我们需要使用嵌套的 flex 容器和自动边距。 在下面，我们可以看到它是如何完成的。 使中间项目保持居中的示例： <!DOCTYPE html> <html> <head> <title>文档的标题</
Views：0 2020-06-02