求教如何在文字后面加一个横线到末尾？

[加盾男爵]

就像这

测试------------------------------------------------------------------------------------------------------------------------------------------------------------------

我在网上找半天，所有答案都是下划线或者是横线穿越问题

<p>测试</p><hr />

这样横线会独立存在一行，行不通

[山茶树和葡萄树]

ie8+

<p>测试</p>

p:after{
        content: "------------------";
    }

[加盾男爵]

引用 1 楼 xianghongai 的回复:

ie8+

<p>测试</p>

p:after{
        content: "------------------";
    }

能不能不用css，因为我这个html是在别的语言（c++）里调用的，css不好用，另外那个线要连续的，我试过

<p>测试---------------------------------------------------------------------------------------</p>

领导说不行，要连续的线

[天际的海浪]

<span style="float: left;">测试</span><hr />

[Msxindl_Com]

要不把横线做成图片，用background方式使用。

[我叫陈小皮。]

css样式： <style> .box { position: relative; } .box:after { content: ''; width: 100%; height: 1px; background: #000; display: block; position: absolute; top: 0px; bottom: 0px; margin: auto; left: 40px; } </style> html部分 <p class="box">测试</p> 希望对你有帮助，也不知道理解的对不对

[山茶树和葡萄树]

连续字符我那只是demo，随便你自己加什么样的字符或多长的字符。 不用CSS？ 你既然是在别的程序里调用，为什么不用程序读取相关数据然后追加连续字符呢？ 除了这两种，别无它法。

[山茶树和葡萄树]

用css的方法，独立存在一行：

    p{position:relative;}
    p:after{
        position: absolute;
        top: 100%;
        left:0;
        content: "----------------------------------------------------";
    }

<p>测试</p>