jquery - 有没有办法让这些 span 元素垂直对齐？

Question

我正在使用带有跨度的 JQuery 可排序控件，现在我无法让元素垂直对齐。通常，使用 Div's，我只需添加填充。在这种情况下，虽然图像居中，但文本太低，需要提高几个像素。

            @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它们必须彼此对齐。然后只是摆弄边距和填充。