我是一个没有经验的程序员创建一个使用HTML和CSS的温度转换器网站.我正在使用一个容器来显示文本‘温度转换器’,我希望它显示在网页的顶部和中心. 我在开发早期遇到了一个问题,当时我正在使用Flexbox.在容器的id中使用JUSTIFY-CONTENT和Align-self时,这些属性将应用于容器内的文本,而不是容器本身,从而将文本移动到容器的顶部和中心.
-css代码:
div {
display: flex;
}
#title {
align-self: flex-start;
justify-content: center;
background-color: lightgray;
font: arial;
text-align: center;
height: 100px;
max-width: 400px;
}
发帖主题:Re:Kolibrios
<!DOCTYPE html>
<html>
<head>
<title>placeholder</title>
<link rel="stylesheet" href="temperatureConverter.css">
</head>
<body>
<div id="title">Temperature Converter</div><br>
</body>
</html>
我try 了几种不同的flex属性组合,包括JUSTY-self和Align-Items,并将它们移到了css代码的div部分,但这些组合都没有任何帮助.我在这里发现的类似问题并不适用于我的问题. 我想我会因为缺乏经验而错过一些明显的东西,但帮助移动容器而不是文本将不胜感激.