Question

我的桌子不会放在窗口的中央，随文件一起移动

jquery的：

<div class="tabcon">
<table>
    <tr>
        <td> </td>
        <td> </td>
        <td> </td>
        <td> </td>
    </tr>
</table>        
</div>

HTML：

.rating {
    disabled-button-size: 15 ;
}

.rating:disabled > .container:disabled .button:disabled{
    -fx-pref-height: disabled-button-size ;
    -fx-background-size: cover;
    -fx-padding: 0; 
}

Answer 1

你应该使用css来做这些事情。试试这个。

.tabcon{
    margin-right: auto;
    margin-left: auto;
    max-width:500px;
}

Answer 2

如果“屏幕中间”表示水平和垂直居中，则需要进行以下设置。绝对位置和顶部/左侧设置首先将表格的左上角角落放入窗口的正中间，然后transform: translate(-50%, -50%)设置将其向左和向上移动一半的表格宽度和高度，从而将整个桌子放在正中间。

注意：vh / vw确保它确实位于屏幕的中间，而不是任何父元素。

table {
  border: 1px solid green;
  position: absolute;
  top: 50vh;
  left: 50vw;
  transform: translate(-50%, -50%);
}

<div class="tabcon">
  <table>
    <tr>
      <td>AA </td>
      <td> BB</td>
      <td> DD</td>
      <td>FF </td>
    </tr>
  </table>
</div>

如何将div放在屏幕中间，但是随页面一起移动？

2 个答案: