gpt4 book ai didi

html -
内的

的格式问题

转载 作者:太空宇宙 更新时间:2023-11-04 10:15:22 25 4
gpt4 key购买 nike

问题: enter image description here

我正在为网站制作标题。我希望标题中包含我网站的图片和名称。

问题是文本非常难看。我想将文本向上推,使其居中。


我认为问题会如何解决:

我怀疑答案与 paddingmargin 有关,但我所有的修复尝试都没有做任何事情。


我的代码:

HTML:

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8" />
<title>Camels</title>
<link rel="StyleSheet" type="text/css" href="StyleSheet.css">
</head>
<body>
<div id="header">
<div class="main-pannel">
<img id="logo" src="http://www.jamaicaobserver.com/assets/10972047/camel.jpg">
<p id="title">Camelsgggg</p>
</div>
</div>
</body>
</html>

CSS:

body {
margin: 0px;
padding: 0px;

}
#header {

margin: 0px;
padding: 0px;
background-color: #992e0c;
height:100px;
width:fill-available;
}

.main-pannel:hover{
background-color: #cecece;
}
#logo{
height: 100px;
width: 100px;
display: inline-block;
}
#title{
display: inline-block;
font-size: 50px;
color: #000;
}

感谢任何帮助! :) ~枪手

最佳答案

尝试使用此标题 css,使用 transform 通过 css 移动它。

#title{
display: inline-block;
font-size: 50px;
color: #000;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%)
}

要将其向右移动,您也可以随时使用 translateX。

关于html - <div> 内的 <p> 和 <img> 的格式问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37288664/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com