大数据学习之路

原创 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>