原创 HTML 小技巧

icon 与 文字水平对齐

 <img style='display:inline-block;vertical-align:middle;width:30px;height:30px;line-height:30px'  src="/tencentcloud.svg"> 我是文本
1

效果:

我是文本

如果效果不佳,调整 vertical-align 的 值,比如 baseline 等。

原文输出 HTML 代码,而不解析

< 改成 &lt;

> 改成 &gt;

 <pre>&lt;a href='https://dhcp.cn/' target='_blank'&gt;大数据学习之路&lt;/a&gt;</pre>
1

效果:

<a href='https://dhcp.cn/' target='_blank'>大数据学习之路</a>
访客IP ,您的网络 访问优先

本站是个人博客,书写大数据、数据科学等领域的原创学习记录,转载请注明出处

本站运行于 腾讯云 腾讯云