css - 无法将我的布局居中

标签 css html

<分区>

我在这个网站上搜索了大约 35 分钟,我确信这是一个非常简单的答案,我可能忽略了它,但我无法弄清楚如何使我的布局居中。

这是一个简单的布局,它有一个容器 div,左边的 div 是菜单,右边的 div 是内容。 (到目前为止,这里是 CSS。)

#container {
  text-align:center; 
  width: 960px; 
  background-color:#FFFFFF; 
  margin-right:10px; 
  margin-left:10px; 
  display:block;
}
#left {
  text-align:; 
  width:300px; 
  display:block; 
  background-color:#FFFFFF; 
  padding-left:5px; 
  padding-right:5px;
}
#right {
  text-align:left; 
  padding-left:10px; 
  padding-right:10px; 
  width:620px; 
  display:block;
}

当我保存它并在我的浏览器中打开时,布局就在左边。我可以添加什么使其到达中心?

我已经从其他人的线程中尝试了一些东西,但没有任何效果。我做错了什么?

最佳答案

使用 margin: 0 auto 有一个很好的技巧。
查看this sitethis site以获得对该主题的良好解释。

关于css - 无法将我的布局居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18068220/

上一篇:css - [CSS]div 中的动态图像大小和位置,百分比为百分比。 (显示屏尺寸)

下一篇:css - 加载另一个页面时链接移动的导航问题

相关文章:

css - linear-gradient 等价于 moz-linear-gradient

css - 如何使透明元素与其他元素重叠?

css - 为什么我的 JsFiddle 中的 CSS 在我的服务器中的工作方式不同?

html - 垂直对齐的行为

javascript - 从文本输入中删除自动完成功能

css - Bootstrap Dropdowns 按钮不适用于 Angular 8 组件

html - 减少 html tr 标签之间的默认间距

javascript - 动态更改 HTML 元素的类型

javascript - 无法最大化或切换聊天框,自动滚动不起作用

html - 谷歌地图上的灰色网格