有没有办法让这些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。然后只是摆弄边缘＆amp;填充。