gpt4 book ai didi

css - 将 Logo 与文本对齐 - 二十一个 child 主题 (Wordpress)

转载 作者:行者123 更新时间:2023-11-28 08:59:40 25 4
gpt4 key购买 nike

我试图将文本与左侧的 Logo 垂直对齐,但它似乎不起作用。有什么建议么?这是 CSS 代码:

* logo above site title */
#site-title a {
background: url('http://www.cultsotters.org.uk/images/cults_otters_black.png');
background-repeat: no-repeat;
display: block;
height: 135px;
margin: 0;
text-align: center;
width: auto;


}
#branding hgroup {
text-align: center; display: inline; margin:0; align:center;}

#site-title, #site-description {
margin: 0 auto; text-align: center;
}

HTML代码:

</head>

<body class="home blog logged-in admin-bar no-customize-support custom-background single-author two-column right-sidebar">
<div id="page" class="hfeed">
<header id="branding" role="banner">
<hgroup>
<h1 id="site-title"><span><a href="http://cultsotters.org.uk/" rel="home">Cults Otters Amateur Swimming Club</a></span></h1>
<h2 id="site-description"></h2>
</hgroup>

最佳答案

在 Wordpress 中添加到您的 CSS 页面:

#site-title > span > a {
line-height: 105px;
}

这会将您的文本下拉到 img 的中心(如果它不是您想要的,请调整 line-height)

快乐编码:)

关于css - 将 Logo 与文本对齐 - 二十一个 child 主题 (Wordpress),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26975974/

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