如何移除GitHub Profile README中Markdown自动生成的多余水平线
解决GitHub个人主页README自动出现多余水平线的问题
问题原因
你看到的水平线并非来自你的代码,而是GitHub对<h1>标签的默认CSS样式——GitHub会给页面中的一级标题自动添加底部边框,视觉上就像一条水平线。
可行的解决办法
修改HTML
<h1>标签,添加内联样式覆盖默认边框
将原代码的<h1>标签修改为:<h1 align="center" style="border-bottom: 0;">Hi,👋🏻 I'm Anuj</h1>或者更明确的写法:
<h1 align="center" style="border-bottom: none;">Hi,👋🏻 I'm Anuj</h1>改用Markdown标题+内联样式
如果偏好Markdown原生语法,可以用一级标题配合<span>标签去掉边框:# <span style="border-bottom: none;">Hi,👋🏻 I'm Anuj</span>用容器包裹标题
将标题放入<div>容器中,也能规避默认的标题边框样式:<div align="center"> <h1 style="border-bottom: none;">Hi,👋🏻 I'm Anuj</h1> </div>
内容的提问来源于stack exchange,提问作者ImAnujGupta
相关产品推荐
相关产品推荐

