html - 问题在响应式 svg 页脚的菜单中水平对齐文本
问题描述
我无法水平对齐这些不是链接而是信息的信息...我想将其与右下角的倾角对齐
我在 Internet 上创建的所有示例都带有链接示例,但似乎我遗漏了一些东西,而且我对 html css 很陌生...对不起,如果我问愚蠢的问题...
footer {
position:fixed;
bottom:0px;
left:0;
height: 77px;
width: 100%;
margin: auto;
font: 30px "Elastik-B";
z-index:99;
}
.footer ul{
display:block;
text-align:center;
list-style-type: none;
}
.footer li {
position:absolute;
margin: 20%;
padding:5px;
display: inline-block;
bottom:15px;
right:5%;
<footer>
<div class="footer">
<ul>
<li><div id="humidity">15%</div></li>
<li><div id="temp">15°</div></li>
<li><div id="clock">15h15m15s</div></li>
<li><div id="date" class="date">15.15.15</div></li>
</ul>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1670 97" preserveAspectRatio="none">
<g>
<path fill="#FE4A11" d="M1669,52.659V97H847.357H0V52.659l122.675-16.814l142.712,3.871c0,0,231.45-27.464,236.787-27.78
c5.336-0.316,272.148,27.132,272.148,27.132l198.221-14.81l360.398,14.679l231.414-15.818L1669,52.659z"/>
<path fill="#FE4A11" d="M1669,52.659V97H847.357H0V52.659l122.675-16.814l142.712,3.871c0,0,231.45-27.464,236.787-27.78
c5.336-0.316,272.148,27.132,272.148,27.132l198.221-14.81l360.398,14.679l231.414-15.818L1669,52.659z"/>
</g>
</svg>
</div>
</footer>
解决方案
推荐阅读
- c - C 输出不符合预期 - 全局变量返回不同的值
- sql - 用于将子行组合成单行视图的 SQL 查询
- google-cloud-platform - 从同一内部网络中的 pod 连接到邮件服务器(imap)时,gke '连接被拒绝'
- python-2.7 - 如何最好地模拟python中的简单随机延迟
- php - Symfony 5:如何操作会话 ID
- yaml - 我在使用 CloudFormation 模板创建 DynamoDB 表方面需要帮助
- swift - 如何以编程方式重用 NavigationController 链中的 ViewController
- javascript - 错误:“无法读取未定义的属性‘名称’”
- optimization - julia/ JuMP:没有匹配 ndims 的方法
- git - 如何隐藏远程分支而不从远程删除它们