Html 如何将标题(包含文本和图像)置于div的中心?
我对编码非常、非常陌生,我试图在div中居中一个标题。我设法居中,但它不是完全对称的,我不明白为什么。有人能帮我吗?这是我的密码:Html 如何将标题(包含文本和图像)置于div的中心?,html,css,Html,Css,我对编码非常、非常陌生,我试图在div中居中一个标题。我设法居中,但它不是完全对称的,我不明白为什么。有人能帮我吗?这是我的密码: #向上{ 宽度:1200px; 高度:100px; 浮动:中心; 明确:两者皆有; 左边距:自动; 右边距:自动; 背景色:粉蓝色; 对齐项目:居中; 调整内容:中心 } 不是另一家T恤店 在css中添加以下属性 #up{ text-align:center } 这将使所有的东西都出现在div的中间。 添加行高:100px > →UP /代码>解决您的问题。
#向上{
宽度:1200px;
高度:100px;
浮动:中心;
明确:两者皆有;
左边距:自动;
右边距:自动;
背景色:粉蓝色;
对齐项目:居中;
调整内容:中心
}
不是另一家T恤店
在css中添加以下属性
#up{ text-align:center }
<>这将使所有的东西都出现在div的中间。
添加<代码>行高:100px > <代码>→UP /代码>解决您的问题。
#向上{
宽度:1200px;
高度:100px;
线高:100px;
浮动:中心;
明确:两者皆有;
左边距:自动;
右边距:自动;
背景色:粉蓝色;
对齐项目:居中;
调整内容:中心
}
不是另一家T恤店
当您使用对齐项目
,对齐内容
属性时,只需将显示
添加为柔性
,并根据需要将宽度设置为100%
对齐项目-当项目未使用横轴上的所有可用空间时,垂直对齐柔性容器的项目
对齐内容-当项目未使用主轴上的所有可用空间时,水平对齐柔性容器的项目
当选定图元的显示为“柔性”时,以下属性有效
#向上{
宽度:100%;
/*您甚至可以将宽度更改为1200px,它仍然将子元素对齐在屏幕中心*/
高度:100px;
左边距:自动;
右边距:自动;
背景色:粉蓝色;
显示器:flex;
对齐项目:居中;
证明内容:中心;
}
不是另一家T恤店
我只是想知道,您是否尝试过使用垂直对齐
?您有固定的div高度。您可以将填充顶部设置为h1,并使其垂直居中。可能重复@Lo Ri使用flex.Super,frnt!尝试一下)这也行!也谢谢你的详细解释!苏珀,成功了!但我把95px而不是100px放进去,看看我想要什么。谢谢你,保罗谢谢你或你的回答,阿什!我试过了,但看起来还是不像我想要的。