为了账号安全,请及时绑定邮箱和手机立即绑定

关于logo(前端开发教程)垂直居中的问题

<style type="text/css">
* {
    margin:0;
	padding:0;
	font-size:12px;
	color:#333;
	font-family:Verdana, Geneva, sans-serif, "宋体";
	list-style:none;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#ff0000;
}
p {
	line-height:24px;
}
#wrap {
	width:780px;
	margin:0 auto;
	padding:0 10px 10px;
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
}
#header {
	width:100%;
	overflow:hidden;
}
.logo {
	width:100%;
	height:80px;
	line-height:80px;
	font-size:30px;
	font-family:"微软雅黑";
	background:#3399cc;
	color:#fff;
	text-indent:30px;
}

以上是相关代码  请问是哪个地方控制了logo(前端开发教程)这几个字垂直居中的。

正在回答

4 回答

.logo {

    height:80px;

    line-height:80px;

}

这两句

1 回复 有任何疑惑可以回复我~
#1

和田宇

是的,字体默认是行内居中,而设置logo里面只能放下一行,也就在logo里面居中了。
2016-05-30 回复 有任何疑惑可以回复我~

试试  .logo{margin:0 auto;}

0 回复 有任何疑惑可以回复我~

.logo{

     text-align: center;

}

加入这段带码试试

0 回复 有任何疑惑可以回复我~

.logo{

     text-align: center;

}

加入这段带码试试

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214705    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

关于logo(前端开发教程)垂直居中的问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信