美文网首页
html5中使用CSS使button中的icon图标左对齐,文字

html5中使用CSS使button中的icon图标左对齐,文字

作者: cxfwxy | 来源:发表于2020-06-14 21:26 被阅读0次
sample.PNG

比如想要获得上图中所示的按钮效果,即图标在按钮中左对齐,按钮中的文字居中,则可以

<button style="display: inline-block;">
    <i style="float: left;">图标名称</i>
    <span>按钮文字</span>
</button>

以上。

相关文章

网友评论

      本文标题:html5中使用CSS使button中的icon图标左对齐,文字

      本文链接:https://www.haomeiwen.com/subject/edifxktx.html