jquery - 如何在 jQuery Mobile 中垂直居中这些导航图标?
问题描述
我想知道如何在他们的按钮中垂直居中这些图标。无论它们显示在什么设备上,我都希望它们垂直居中。谢谢!
#footer {
position: fixed;
left: 0;
right: 0;
bottom: 0;
width: 100%;
text-align: center;
}
#footerbuttons {
height: 3vh;
border: none;
}
<head>
<title>Mobile</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--jQuery CDN Hosted Files-->
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<!-- PAGE 1 ---------------------------->
<div data-role="page" id="school1">
<div data-role="footer" id="footer" data-position="fixed">
<div data-role="navbar">
<ul>
<li><a href="#" id="footerbuttons" data-icon="mail" data-iconpos="notext" data-role="button"></a></li>
<li><a href="#" id="footerbuttons" data-icon="camera" data-iconpos="notext" data-role="button"></a></li>
<li><a href="#" id="footerbuttons" data-icon="heart" data-iconpos="notext" data-role="button"></a></li>
</ul>
</div>
</div>
解决方案
推荐阅读
- c# - 在 Razor 页面中访问异步属性
- html - CSS子网格元素溢出问题
- git - 是否可以将 git remote url 设置为存储库中的子文件夹?
- javascript - 使用 SignedUrl 将文件上传到 Google Cloud Storage
- node.js - 从 Firehose 写入 Redshift 时出现 Redshift.DataLoadFailed
- .net - 您可以在不使用 System.DirectoryServices.AccountManagement 的情况下访问活动目录吗?
- c++ - 为什么 UTF8 在内存中存储时会从 8 位切换到填充的 64 位?
- c# - 导出数据时出现 OutOfMemoryException
- javascript - 其中一段被函数的输出替换
- linux - Radoop 的访问被拒绝问题。将 RapidMiner 与 Cloudera 快速入门 VM 连接