Question

我有一个简单的html页面，但身体太靠近左边。我想从左边留一些边缘。换句话说，我想将html正文移到右边。

html代码如下;

<!DOCTYPE html>
<html ng-app="myApp">
  <head>
    <title>head title</title>
  </head>
  <body>

      <h1>Test Page</h1>
      <table class="table table-bordered" style="width: auto">
        <thead>
        </thead>
        <tbody>
          <tr>
            <td>
              <strong>Column1</strong>
            </td>
            <td>Col1 data</td>
          </tr>
          <tr>
            <td>
              <strong>Column1</strong>
            </td>
            <td>Col2 data</td>
          </tr>
        </tbody>
      </table>

      <form novalidate="" class="simple-form">PersonID

      <input type="text"  />    
      <BR><BR>
      name
      <input type="text" />    
      <BR><BR>

      <button ng-click="submit()" id="submit_btn">SUBMIT</button> 

      </form> 
      <br>
    </div>

  </body>
</html>

如何将html主体稍微向右移动以使其不会显得太靠近左侧？

Answer 1

在你的头部标签之间添加：

<style type="text/css">
<!-- 

body {
   padding: 10px;
}

-->
</style>

将身体标签内的所有内容推送10px。把它改成最适合你的东西。 10px可能不会太多。

Answer 2

您使用的是Bootstrap吗？您可以使用简单的CSS代码集中内容

body {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

Answer 3

我不知道，但这是不是你的意思..

body {
    padding-left: 20px; 
}

或

body {
    margin-left: 20px; 
}

Answer 4

你可以这样做......添加到身体标签

<body style="margin-left:50px;">

Answer 5

<body style="margin-left: 50px">应该完成这项工作。

您可以在CSS框模型here上阅读更多信息，这里有一个非常good tutorial。

Answer 6

只需在

中插入此标记即可

<style type="text/css"> 
body { padding-left:10px; } 
</style>

padding-left值可以根据需要进行调整！

Answer 7

您也可以通过..

完成此操作

<强> CSS

body{
    width:95%;
    margin:0 auto;
}

如何将这个HTML身体转移到右边？

7 个答案: