我试图在body中垂直居中(而不是水平居中)。另外，我不想指定高度或类似的东西。我尝试添加一个100%高度的包装器和其他东西，但没有成功。你能帮我解决这个问题吗？jsFiddleHereNext 最佳答案 参见thiseditedversionofyourjsFiddle.基本上，只需将您的内容包装在中即可，并添加以下CSS:html,body{height:100%;}.main{height:100%;width:100%;display:table;}.wrapper{display:table-cell;height:10
这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:HowtocenterDIVinDIV?现在我试试?????????????????body{margin-left:auto;margin-right:auto;}#wrap{background:black;margin-left:auto;margin-right:auto;height:450px;width:450px;position:absolute;top:50%;right:50%;left:50%;margin-top:-225px;}Hello??????
这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:HowtocenterDIVinDIV?现在我试试?????????????????body{margin-left:auto;margin-right:auto;}#wrap{background:black;margin-left:auto;margin-right:auto;height:450px;width:450px;position:absolute;top:50%;right:50%;left:50%;margin-top:-225px;}Hello??????
我需要将多个不同高度的盒子垂直居中。我不知道方框的高度，因为它们是可变文本。我如何使用CSS执行此操作(无需使用td和valign)。试过display:table-cell但它似乎与IE不兼容下图是设计图，便利贴是浏览器窗口删除了无效的ImageShack链接 最佳答案 不是那么优雅，但有效。创建一个单元格表。只有表格具有跨浏览器垂直对齐。 关于html-使用CSS垂直居中多个框，我们在StackOverflow上找到一个类似的问题： https://sta
我需要将多个不同高度的盒子垂直居中。我不知道方框的高度，因为它们是可变文本。我如何使用CSS执行此操作(无需使用td和valign)。试过display:table-cell但它似乎与IE不兼容下图是设计图，便利贴是浏览器窗口删除了无效的ImageShack链接 最佳答案 不是那么优雅，但有效。创建一个单元格表。只有表格具有跨浏览器垂直对齐。 关于html-使用CSS垂直居中多个框，我们在StackOverflow上找到一个类似的问题： https://sta
当您在容器内将元素的字体大小与vertical-align:middle混合使用时，容器的高度可以大于行高或任一单个元素的高度。这是一个fiddle:body{line-height:20px;font-size:14px;}.smaller{font-size:0.9em;vertical-align:middle;}containingdivhasheight•of21px,not20pxcontainingdivhasheightof61px,not60pxmultilinemultilinemultilinemultilinemultilinemultiline&bu
当您在容器内将元素的字体大小与vertical-align:middle混合使用时，容器的高度可以大于行高或任一单个元素的高度。这是一个fiddle:body{line-height:20px;font-size:14px;}.smaller{font-size:0.9em;vertical-align:middle;}containingdivhasheight•of21px,not20pxcontainingdivhasheightof61px,not60pxmultilinemultilinemultilinemultilinemultilinemultiline&bu
我正在尝试使一个简单的输入按钮在表格单元格内居中对齐。我的标记是:XXXXXXXXXYYYYYYYYXXXXXXXYYYYYYY我已经完成了一个表格版本，向您展示了我正在努力实现的布局。请注意，“XXXXX”或“YYYYYY”表示的文本是可变长度的。 最佳答案 http://jsfiddle.net/8v8gLn4y/.container{background:lightblue;display:table;width:100%;}input[type=button]{display:block;width:50%;margin:0
我正在尝试使一个简单的输入按钮在表格单元格内居中对齐。我的标记是:XXXXXXXXXYYYYYYYYXXXXXXXYYYYYYY我已经完成了一个表格版本，向您展示了我正在努力实现的布局。请注意，“XXXXX”或“YYYYYY”表示的文本是可变长度的。 最佳答案 http://jsfiddle.net/8v8gLn4y/.container{background:lightblue;display:table;width:100%;}input[type=button]{display:block;width:50%;margin:0
我试图将我的FontAwesome图标置于我的TwitterBootstrap代码中。这是我的HTML:Loremipsumdolorsitamet,consecteturadipisicingelit.Pariatur,inventore,ipsadolorumlaborumsitaliasiustonamquibusdamaddistinctiorerumexpeditaautemitaquedelectusistemollitiaperferendissintliberoaccusamusin.Enim,natusnecessitatibuspariaturoptioexplic
