Fatal编程技术网
  • html/
  • Html 风格<；人力资源>；要在两个跨度之间配合的图元

Html 风格<；人力资源>；要在两个跨度之间配合的图元

html css

Html 风格<；人力资源>；要在两个跨度之间配合的图元,html,css,Html,Css,对于元素，我有以下CSS： .question-line-row{ display: flex; align-items: flex-end; margin: 0 0 25pt; } .true-and-false-line{ border: dashed #333; border-width: 0 0 1pt; flex: 1 0 0; } .justify-trueandfalse{ border: solid #333; bo

对于
元素，我有以下CSS：

.question-line-row{
    display: flex;
    align-items: flex-end;
    margin: 0 0 25pt;
}
.true-and-false-line{
    border: dashed #333;
    border-width: 0 0 1pt;
    flex: 1 0 0;
}
.justify-trueandfalse{
    border: solid #333;
    border-width: 0 0 1pt;
    margin-top: 15pt;
}
这是HTML：

<div class="question-line-row">
    <span style="text-align: justify" ng-style="{'font-size' : statementSize}">
            {{statement}}
    </span>
    <hr class="true-and-false-line" />
    <span style="text-align: justify" ng-style="{'font-size' : statementSize}">(&emsp;&emsp;&emsp;)</span>
</div>
<hr class="justify-trueandfalse" ng-show="verify" />


{{语句}}


（&emsp；&emsp；&emsp；&emsp；）
然而，这就是输出中的内容：

如何使虚线
处于两个排序取整
的同一级别？

您可以遵循以下代码：

Html:

标记没有结束斜杠。另外，
表示pargraph级别的主题中断，因此您的用法不正确。你不能把它当作造型元素，我很困惑。虚线
位于两个跨距之间。 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div class="question-line-row">
    <span>Test Text</span>
    <hr class="true-and-false-line" />
    <span>test text</span>
</div>

</body>
</html>

.question-line-row{
  display: flex;
  align-items: center
}
.true-and-false-line{
  border-bottom: 2px solid red;
  flex: 1;
}
span{
  margin: 5px;
}