提问人：jackhamper32 提问时间：11/5/2021 最后编辑：freedomn-mjackhamper32 更新时间：11/5/2021 访问量：107
如何在JQuery Mobile的列表视图中垂直对齐文本？
How to vertically align text in list view on JQuery Mobile?
问：
我需要在元素中垂直对齐我的文本<li>
目前我正在设置如下，但这意味着它不适用于所有屏幕尺寸。line-height
我尝试应用并将高度设置为 50%，但无济于事。vertical-algn:middle
<ul id="optionsList" style="line-height:0; height:93vh;" data-role="listview">
<li class="listItem" id="divTSScroller" style="display: block;overflow: hidden;">
<div style="float:left;">
<span style="line-height:160px; font-size: 4vw;">Timesheet</span>
</div>
//another list item
</ul>
答：
0赞
Aviv Ben Shahar
11/5/2021
#1
使用 Flex 设置居中的元素，例如自由文本：
li {
display: flex;
justify-content: center;
}如果子元素很少，
将 to 设置为 并改用：flex-directioncolumnalign-items: center
li {
display: flex;
flex-direction: column;
align-items: center;
}
评论