当前位置: 首页 > 面试题库 >

将居中文字添加到中间样线

宰父志新
2023-03-14
问题内容

我想知道xhtml 1.0中有哪些严格选项可以在像这样的文本两边都创建一行:

Section one
----------------------- Next section -----------------------
Section two

我曾想过要做一些花哨的事情,例如:

<div style="float:left; width: 44%;"><hr/></div>
<div style="float:right; width: 44%;"><hr/></div>
Next section

或者,因为上述方法在对齐方面存在问题(垂直和水平对齐):

<table><tr>
<td style="width:47%"><hr/></td>
<td style="vertical-align:middle; text-align: center">Next section</td>
<td style="width:47%"><hr/></td>
</tr></table>

这也有对齐问题,我可以用这个烂摊子解决:

<table><tr>
<td style="border-bottom: 1px solid gray; width: 47%">&nbsp;</td>
<td style="vertical-align:middle;text-align:center" rowspan="2">Next section</td>
<td style="border-bottom: 1px solid gray; width: 47%">&nbsp;</td>
</tr><tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr></table>

除了对齐问题之外,这两个选项都让人感到“前途未卜”,如果您碰巧曾经见过这一点并且知道一种优雅的解决方案,我将非常感激。


问题答案:

我不知道这是否已经解决,但是flexbox提供了一个解决方案:

<div class="separator">Next section</div>

.separator {
    display: flex;
    align-items: center;
    text-align: center;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #000;
}
.separator::before {
    margin-right: .25em;
}
.separator::after {
    margin-left: .25em;
}


 类似资料:
  • 问题内容: 我想知道在xhtml 1.0中有哪些严格选项可以在像这样的文本两边都创建一行: 我曾想过做一些像这样的幻想: 或者,因为上述内容在对齐方面存在问题(垂直和水平对齐): 这也有对齐问题,我可以用这个烂摊子解决: 除了对齐问题之外,这两个选项都让人感到“前途未卜”,如果您碰巧曾经见过这一点并且知道一个优雅的解决方案,我将非常感激。 问题答案: 我不知道这是否已经解决,但是flexbox提供

  • 问题内容: 我正在做一个Maven项目。当在一个想法中编译和运行我的项目时,一切都很好,但是每当我创建jar文件时,都无法将web / lib /中的外部jar文件复制到jar文件中。为什么会发生这种情况?我可以将所有文件插入jar文件吗? 问题答案: 是的,我找到了解决方案。

  • 问题内容: 我想将先前从其他文件(已经完成)中提取的一系列文件添加到jar中。这些文件将覆盖JAR中的文件。最有效的方法是什么?我需要它快。谢谢! 问题答案: 请记住,JAR文件是ZIP文件。 只需使用一些ZIP库。

  • 问题内容: 我正在使用wtforms(和flask)生成动态表单。我想向正在生成的字段中添加一些自定义的CSS类,但是到目前为止,我一直无法这样做。使用在这里找到的答案,我尝试使用自定义小部件来添加此功能。它的实现方式与该问题的答案几乎完全相同: 在View中,我这样做是为了创建字段(ClassedTextField是从表单导入的,而f是基本表单的实例): 表单的其余部分均已正确创建,但此jinj

  • 问题内容: 我有这些数字 并与 我想要做的就是在需要的地方添加一个逗号,所以看起来像这样 并与 这些都在ap标签中,例如此类等。 能做到吗 更新 将查看新的Globalization插件以获得更好的实现方式 问题答案: 适用于所有浏览器,这就是您所需要的。 借助regex,将其写得紧凑,并且要点。这是直接的JS,但是您可以像这样在jQuery中使用它: 要么

  • 我正在寻找一种在ACF Pro中向中继器字段添加行的方法。我发现了这篇文章,但解决方案帖子似乎不起作用。我将描述我的问题: 我有一个名为“gebroikers”的自定义帖子类型,一个名为“logins”的中继器字段和一个可以有一个名为“data”的字段的行。我希望能够在“data”字段中的新行中添加一个值。这可能吗? 到目前为止,我的代码是: