Html 如何在页面中间得到标题？ 试图把页眉和图片放在页面中间，但是我很难弄清楚如何做到这一点。尝试操纵长方体模型时运气不佳。我对这东西真的很陌生，所以任何建议都有帮助
身体{ 背景：放射状梯度金，一枝黄花； 字体系列：monospace； 文本对齐：居中； 字体大小：1.5rem； 位置：相对位置； } img{ 填充：10px； } img：悬停{ 转换：scale1.4； 过渡：所有1； } .集装箱{ 位置：绝对位置； 最高：50%； 左：50%； 转化：转化-50%，-50%； 最小高度：400px； } 选择你的武器 你可以用这个 身体{ 高度：100vh； 背景：放射状梯度金，一枝黄花； 字体系列：monospace； 字体大小：1.5rem； 显示器：flex； 证明内容：中心； 对齐项目：居中； 弯曲方向：立柱； } img{ 填充：10px； } img：悬停{ 转换：scale1.4； 过渡：所有1； } 选择你的武器 你可以用这个 身体{ 高度：100vh； 背景：放射状梯度金，一枝黄花； 字体系列：monospace； 字体大小：1.5rem； 显示器：flex； 证明内容：中心； 对齐项目：居中； 弯曲方向：立柱； } img{ 填充：10px； } img：悬停{ 转换：scale1.4； 过渡：所有1； } 选择你的武器Html 如何在页面中间得到标题？ 试图把页眉和图片放在页面中间，但是我很难弄清楚如何做到这一点。尝试操纵长方体模型时运气不佳。我对这东西真的很陌生，所以任何建议都有帮助,html,css,Html,Css,身体{ 背景：放射状梯度金，一枝黄花； 字体系列：monospace； 文本对齐：居中； 字体大小：1.5rem； 位置：相对位置； } img{ 填充：10px； } img：悬停{ 转换：scale1.4； 过渡：所有1； } .集装箱{ 位置：绝对位置； 最高：50%； 左：50%； 转化：转化-50%，-50%； 最小高度：400px； } 选择你的武器 你可以用这个 身体{ 高度：100vh； 背景：放射状梯度金，一枝黄花； 字体系列：monospace； 字体大小：1.5rem；
试着这样做： 身体{ 背景：放射状梯度金，一枝黄花； 字体系列：monospace； 文本对齐：居中； 字体大小：1.5rem； 位置：相对位置； } img{ 填充：10px； } img：悬停{ 转换：scale1.4； 过渡：所有1； } .集装箱{ 宽度：自动； 保证金：自动； } 选择你的武器
试着这样做： 身体{ 背景：放射状梯度金，一枝黄花； 字体系列：monospace； 文本对齐：居中； 字体大小：1.5rem； 位置：相对位置； } img{ 填充：10px； } img：悬停{ 转换：scale1.4； 过渡：所有1； } .集装箱{ 宽度：自动； 保证金：自动； } 选择你的武器 问题是定位和使用属性left，top，当你缩小屏幕尺寸时，它甚至会隐藏顶部文本，相反，你可以将其位置更改为相对位置，然后使用边距将其对齐在页面中心 身体{ 背景：放射状梯度金，一枝黄花； 字体系列：monospace； 文本对齐：居中； 字体大小：1.5rem； 位置：相对位置； } img{ 填充：10px； } img：悬停{ 转换：scale1.4； 过渡：所有1； } .集装箱{ 位置：相对位置； 最小高度：400px； 背景：红色； 保证金：自动； 显示：内联块； } 选择你的武器 问题是定位和使用属性left，top，当你缩小屏幕尺寸时，它甚至会隐藏顶部文本，相反，你可以将其位置更改为相对位置，然后使用边距将其对齐在页面中心 身体{ 背景：放射状梯度金，一枝黄花； 字体系列：monospace； 文本对齐：居中； 字体大小：1.5rem； 位置：相对位置； } img{ 填充：10px； } img：悬停{ 转换：scale1.4； 过渡：所有1； } .集装箱{ 位置：相对位置； 最小高度：400px； 背景：红色； 保证金：自动； 显示：内联块； } 选择你的武器
好吧，这可以通过我刚开始学的一个肮脏的小把戏来实现。在此之前，我想对您的代码进行一些更改： A无需设置位置：相对；因为所有元素都会自动相对于页面的主体移动。将position设置为relative意味着将身体内所有事物的position元素限制为relative。因此它将忽略.container类的绝对值 其次，我不明白为什么如果你想把标题和图片放在一起，你不把它们放在一个类中。这使得它们一起移动更容易，而不是一个接一个地移动 现在，对于初学者，您需要设置最小高度和最小宽度 容器类的像素。完成后，您可以通过以下方式将类定位在中间位置：
top: 50%;
left:50%;
margin-top: -200px; /*half of the height of the container*/
margin-left: -200px; /*half of the width of the container*/
好吧，这可以通过我刚开始学的一个肮脏的小把戏来实现。在此之前，我想对您的代码进行一些更改： A无需设置位置：相对；为了身体，因为所有的元素 ts会自动相对于页面正文移动。将position设置为relative意味着将身体内所有事物的position元素限制为relative。因此它将忽略.container类的绝对值 其次，我不明白为什么如果你想把标题和图片放在一起，你不把它们放在一个类中。这使得它们一起移动更容易，而不是一个接一个地移动 现在，对于初学者，您需要设置最小高度和最小宽度 容器类的像素。完成后，您可以通过以下方式将类定位在中间位置：
top: 50%;
left:50%;
margin-top: -200px; /*half of the height of the container*/
margin-left: -200px; /*half of the width of the container*/
我想你的问题已经在这里得到了回答：我想你的问题已经在这里得到了回答：