Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何将标题(包含文本和图像)置于div的中心?_Html_Css - Fatal编程技术网

Html 如何将标题(包含文本和图像)置于div的中心?

Html 如何将标题(包含文本和图像)置于div的中心?,html,css,Html,Css,我对编码非常、非常陌生,我试图在div中居中一个标题。我设法居中,但它不是完全对称的,我不明白为什么。有人能帮我吗?这是我的密码: #向上{ 宽度:1200px; 高度:100px; 浮动:中心; 明确:两者皆有; 左边距:自动; 右边距:自动; 背景色:粉蓝色; 对齐项目:居中; 调整内容:中心 } 不是另一家T恤店 在css中添加以下属性 #up{ text-align:center } 这将使所有的东西都出现在div的中间。 添加行高:100px > →UP /代码>解决您的问题。

我对编码非常、非常陌生,我试图在div中居中一个标题。我设法居中,但它不是完全对称的,我不明白为什么。有人能帮我吗?这是我的密码:

#向上{
宽度: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放进去,看看我想要什么。谢谢你,保罗谢谢你或你的回答,阿什!我试过了,但看起来还是不像我想要的。