Question

我想要一个带有图标和文字的按钮。左侧的图标和右侧的文本。下面的代码给了我一个按钮，顶部有一个图标，底部有文本。

<button class="btn-simple2" >
    <a href="<%= Url.Action("Confirmation","Dashboard", new { id = Model.Data.Id })%>" rel="external"          target="_blank" class="ui-icon ui-icon-print">
    </a>Print Confirmation
</button>

如何让它们彼此相邻？我查看了这个网站的问题，这就是我如何做到这一点。请帮忙！

Answer 1

尝试，做一些这样的事情：

的CSS：

.btn-simple2 {
    padding-left: 24px;
    background: url(../path/to/image) 0px 0px no-repeat;
}

HTML：

<a class="btn-simple2" 
   href="<%= Url.Action("Confirmation","Dashboard", new { id = Model.Data.Id })%>">
   Print Confirmation
</a>

如何在图标上的文本旁边放置一个图标

1 个答案: