中左对齐菜单项
中左对齐菜单项
提问于 2019-01-03 05:36:00
我必须开发一个响应式菜单，其中有一个HEADER和菜单项。
菜单项应该是
- 居中到屏幕。
- 但是也应该左对齐。
HEADER和菜单的左边缘应对齐。
如下所示。
在此处输入图像描述
如何在CSS中最好地实现相同的功能？
回答 1
Stack Overflow用户
发布于 2019-01-03 15:08:32
不确定我是否错过了这里的伎俩，但是这样的话？
调整宽度/填充值以适应，但这似乎与链接的图像类似
HTML
<div class="menuDiv">
<table class="menuTable">
<tr><td>Partner With Us</td></tr>
<tr><td>Quick Requests</td></tr>
<tr><td>Do It Yourself</td></tr>
<tr><td>Creative Lab</td></tr>
<tr><td>Your Projects</td></tr>
</table>
</div>
CSS
.menuTable{
background: #25A;
width: 40%;
margin: 0 auto;
}
.menuTable td {
border-bottom: white solid 1px;
padding: 0.7em 2em;
color: white
}
.menuDiv{
width: 60%;
background:#BBB;
margin: 0 auto;
}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100003087
复制相关文章
相似问题