css实现word下划线

最新推荐文章于 2022-04-05 16:00:00 发布

可能会成为大V

最新推荐文章于 2022-04-05 16:00:00 发布

阅读量562

点赞数 2

分类专栏： css实现word下划线文章标签： css html

本文链接：https://blog.csdn.net/x111111y/article/details/112619058

版权

本文探讨如何使用CSS创建类似Word的下划线效果，分析了不同方法的优缺点，包括文字多行时下划线的表现问题以及span标签的vertical-align属性在调整下划线对齐上的应用。

摘要由CSDN通过智能技术生成

用css实现类型下面格式。

使用如下方法

<style>
	.borderBottom{
		display:inline-block;
		text-align:center;
		border-bottom:1px solid #000;
		margin:0px;
	}
</style>
<body>
    <p>
		账号
			<span class="borderBottom" style="min-width:100px"></span>，开户行
			<span class="borderBottom" style="min-width:120px"></span>。
	</p>
</body>

没有内容的时候，效果还行