如何将表格水平和垂直放置在div的中心
我们可以将图片设置为<div>like的背景图片：
<style>
#test {
background-image: url(./images/grad.gif);
background-repeat: no-repeat;
background-position: center center;
width:80%;
margin-left:10%;
height:200px;
background-color:blue;
}
</style>
<div id="test"></div>
我需要在<div>水平和垂直中心放置一张桌子。是否有使用的跨浏览器解决方案CSS？
问题答案：
居中是CSS中最大的问题之一。但是，存在一些技巧：
要水平放置表格，您可以将左右边距设置为自动：
<style>
#test {
width:100%;
height:100%;
}
table {
margin: 0 auto; /* or margin: 0 auto 0 auto */
}
</style>
要垂直居中，唯一的方法是使用javascript：
var tableMarginTop = Math.round( (testHeight - tableHeight) / 2 );
$('table').css('margin-top', tableMarginTop) # with jQuery
$$('table')[0].setStyle('margin-top', tableMarginTop) # with Mootools
否vertical-align:middle是可能的，因为表是一个块而不是一个内联元素。
编辑
-
问题内容： 有没有办法在 垂直和水平方向上输入一个DIV， 但这很重要， 当窗口小于内容时，内容将不会被剪切 。div必须具有背景色，宽度和高度。 我总是将div的中心定位为绝对位置和负边距，如提供的示例所示。但是它有一个问题，那就是削减内容的顶部。有没有一种方法可以将div.content居中而不会出现此问题？ CSS： HTML： 我的问题不是重复的“如何在水平和垂直方向上居中放置元素？”1-
-
问题内容： 我弹出一个包含ASP.NET表单的弹出窗口，单击链接“请求信息”，然后出现该表单。 但是，具有链接“请求信息”以触发弹出窗口的页面包含很多内容，因此需要滚动才能看到该链接。 如果用户滚动阅读内容，则需要始终居中，否则，如果他们不滚动，弹出窗口仍将居中显示在屏幕上。 在绝对定位，整个页面宽度与边距设置为。 问题答案： 如果div具有固定的宽度和高度，请使用：（如果width = 120p
-
问题内容： 在页面上垂直和水平居中放置元素的最佳方法？ 我知道这将以水平为中心，但是垂直进行的最佳方法是什么？ 问题答案： 该演示的主要技巧是元素的正常流动是从上到下，因此将其设置为零。然而，绝对定位的元件作用为自由空间分布是相同的，并且类似地可以垂直在指定为中心并且（不IE7工作）。 此技巧适用于的任何大小div。
-
问题内容： 我正在尝试在屏幕的正中央为我的网站中心的目标网页创建一个div，但是它不起作用。 这是我的代码 CSS： HTML： 谢谢。 问题答案： 注意： 如果您尝试将div水平和垂直居中放置，建议您查看flexbox。您仍然需要提供后备支持，但是flexbox是未来，这太神奇了。 更新： 现在所有现代浏览器都支持flexbox 。 首先，您需要给div静态宽度和高度。 其次，你必须设置和那么你
-
我知道这个问题已经被问过很多次了，但我已经试过了我所读到的任何东西。 我想水平和垂直对齐一个div内的img。 容器div在一个modal中显示图片，一旦点击它的预览。那么它将包含任意大小的图片。 我可以水平或垂直对齐，但不能同时对齐。 HTML代码:https://pastebin.com/7dcq1ajg null 模态示例（img未垂直对齐）:https://ibb.co/j4nj1q （.
-
问题内容： 我试图将标签内容垂直居中，但是当我添加CSS样式时，水平文本对齐会消失。 如何为我的每个标签使文本对齐x和y？ 问题答案： 方法1- / ： 在受支持的浏览器（大多数）中，可以将/ 与组合使用， 以动态垂直/水平居中元素。 方法2-Flexbox方法： 在支持的浏览器中，将目标元素的设置为并用于垂直居中和水平居中。只是不要忘记为其他浏览器支持添加供应商前缀。 方法3- / ： 在某些情