Question

我有一个html文件，我想要一个下划线的值。为此，我在html中添加了标记以及 text-decoration 。仅当值存在时，这些 u 和 text-decoration 才有效。如果值存在或不存在，我的要求是添加固定的下划线（在下面的示例中的 H1 标记中）。

Html示例如下：

<!DOCTYPE html>
<html>

    <head>
        <title>Inline styles</title>
    </head>

    <body>
        <div>Text:
             <h1>Big Heading</h1>
        </div>
    </body>

</html>

Answer 1

只是将我的评论添加为答案，您可以使用固定宽度的div和border-bottom CSS属性来为其添加下划线。

div#underline {
    width:300px;
    border-bottom:1px solid black;
}

<div>Text: <div id="underline"></div></div>

显然，您可以将宽度更改为您需要的任何宽度，并可以更改边框样式以适应。你也可以使用一个不间断的空格（&nbsp）给div一些进一步的填充。

JSFiddle

如果值存在与否，如何添加固定下划线？

1 个答案: