我在使用了JsFiddle。我将其更改为将div显示为方形对话框(水平和垂直居中)。结果是在。
如你所见,水平居中很容易,但我不能让它垂直居中。有人知道如何用纯CSS做到这一点吗?
编辑代码如下:
<div class="blind">
<div class="wrapper">
<div class="main">
I'm your div with an aspect-ratio of 1:1!
</div>
<
我正在尝试居中文本(水平和垂直),我在这方面有一点困难。
这就是我尝试过的,但它只是水平居中,而不是垂直居中。
如何将此文本置于中心位置?
<div class="playerDetailsPage">
<p>
<h4>The text will be in the center</h4>
</p>
</div>
css
.playerDetailsPage {
background-color
我想显示一个图像左对齐(在左/右有一些填充),但垂直居中的表格单元格,同时保持文本的水平和垂直居中。
JSFiddle完整示例:
<tr>
<td>
<img title="Out of stock" src="..."><!-- This image may or may not exist -->
<a href="">4000.4</a>
</td>
<td>Lemon soda</td>
<t
HTML
.listbox
.hours
ul Hours
li Monday
li Tuesday
li Wednesday
li Thursday
li Friday
li Saturday
li Sunday
CSS
body
margin: 0
padding: 0
display: flex
align-items: center
justify-content: center
这应该会导致.listbox div垂直和水平地居中,但它不会。