当前位置： 文江博客话题详情

如何在页面的右侧和左侧插入页边距？

发布于 2024-08-09 03:19:56 字数 394 浏览 5 评论 0原文

我想插入这个边距，但我不知道为什么......我希望它像 Twitter 或 TwitPic

我的CSS：

 body {
        margin: 40px;
        margin-bottom: 50px;
        padding: 0;
        background-color: #edece9;
        font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
        font-size: 13px;
        color: #333;
      }
原文

I want to insert this margin, but I don't know why... I want it to be like Twitter or TwitPic

My CSS:

 body {
        margin: 40px;
        margin-bottom: 50px;
        padding: 0;
        background-color: #edece9;
        font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
        font-size: 13px;
        color: #333;
      }

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论， 你可以免费 注册 一个本站的账号。

评论（3）

初见终念 2024-08-16 03:19:56

假设页面结构如下：

<!DOCTYPE html>
<html>
  <head>
    <link type="text/css" rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div id="main">
    </div>
  </body>
</html>

那么 style.css 应该如下所示：

* {margin:0;}
div#main {
  width:800px;
  margin:0 auto;
}

Assuming a page structure like so:

<!DOCTYPE html>
<html>
  <head>
    <link type="text/css" rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div id="main">
    </div>
  </body>
</html>

Then style.css should look like:

* {margin:0;}
div#main {
  width:800px;
  margin:0 auto;
}
回复 原文
讽刺将军 2024-08-16 03:19:56

twitter 使用固定宽度的 div，该 div 使用 margin-left:auto; 和 margin-right:auto。这将使 div 水平居中

twitter uses a fixed-width div which uses margin-left:auto; and margin-right:auto. this will center the div horizontally

回复 原文
真心难拥有 2024-08-16 03:19:56

您需要放置一个固定的div（您想要的页面宽度并放置其margin:0 auto

you need to put a div with a fixed with (your desired page width and put its margin:0 auto

回复 原文
~没有更多了~

关于作者

星星的軌跡

暂无简介

0 文章
0 评论
23 人气
发私信

相关话题

更多

热门标签

操作系统 程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端
更多

推荐作者

游缘惊梦

文章 0 评论 0

小兔几

文章 0 评论 0

Glik

文章 0 评论 0

生生漫

文章 0 评论 0

Luxian

文章 0 评论 0

Champion-Ming

文章 0 评论 0

更多

友情链接

文江博客
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
    原文