Question

我希望在标题h1的单个Word下方有一个居中图标arrow.gif。我的问题是这个词后跟其他词。如何将图标直接放在这个单词下面，使其以这个单词为中心。

Answer 1

也许试试这个。不过要小心。如果你有更多的工作或多行，这是非常有限的。

.u-table {
    display: table !important;
}

.u-table-cell {
    display: table-cell !important;
}

.u-text-center {
    text-align: center !important;
}

<h1 class="u-table">
    <span class="u-table-cell u-text-center">Word 1<br/><img src="" alt="Foo"></span>
    <span class="u-table-cell">word 2</span>
</h1>

CSS：标题h1下方的居中图标

1 个答案: