gpt4 book ai didi

html - Css 内联不起作用

转载 作者:行者123 更新时间:2023-11-28 11:30:37 28 4
gpt4 key购买 nike

我有一个样式和一个索引。我想在同一行中显示 Logo 和文本,但我不能。它显示在不同的行中。

代码如下:

索引.php

<body>

<div id="headerbar">
Hello World
</div>

<div id="mainmenu-bar">
<div id="mainmenu-content">
<img src="http://www.conceptcupboard.com/resource-centre/wp-content/uploads/2013/04/recycle-logo.gif" height="75" width="75" style="margin-top:5px;">
<h1>Text that I don't see, because is down</h1>


</div>

</div>

<div id="content">
<h1 color="white">Hello World</h1>
</div>

</body>

和layout.css

@font-face{font-family: Maven Pro; src: url(../fonts/MavenPro-Regular.ttf);}

body{font-family:Maven Pro; background:#ECECEC; border:0; font-size:100%; vertical-align:baseline; margin:0; padding:0;}

#headerbar{height:30px; float:right; margin-right:20px; margin-top:5px;}
#mainmenu-bar{background:#4C84BC; width:100%; height:90px; overflow: hidden;}
#mainmenu-content{margin: 0 auto; width:1000px;}

您可以在这里进行测试:http://jsfiddle.net/6WYk4/

最佳答案

是因为你没有内联 block h1 ,默认情况下它显示为 block 。试试这个:

#mainmenu-bar h1{ 
display:inline-block;
}

垂直对齐的完整示例:

http://jsfiddle.net/6WYk4/3/

关于html - Css 内联不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21169126/

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