有什么方法可以使這些span元素垂直對齊？

Question

我正在使用具有跨距的JQuery Sortable控件，現在遇到了使元素垂直對齊的麻煩。 通常，使用Div來添加填充。 在這種情況下，盡管圖像居中，但文本太低，需要將其向上撞幾個像素。

            @foreach(var c in companies)
            {
                var company = c.Company;
                <li class="ui-state-default">
                    <span>
                    <img src="..\..\Content\img\udarrow.png"/>
                    </span>
                    <span>
                    @company
                    </span>
                </li>
            }

有什么辦法嗎？

Answer 1

在CSS中：

.ui-state-default span {
    display: block;
}

Answer 2

嘗試將跨度轉換為塊元素。

.ui-state-default span { display: block; }

Answer 3

我寧願使它們inline-block不是僅在必須彼此內聯放置時block它們。 然后只是擺弄邊距和填充。