4-3编程练习 老师帮忙看看 谢谢啦
来源：4-3 编程练习
幕布斯0094879
2019-03-16 11:56:24
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本样式</title>
<style type="text/css">
/*写出CSS样式*/
div{
background-color:#eee;
width:100%;
height:100px;
display:table;
}
div p{
text-align:center;
display:table-cell;
vertical-align:middle;
}
div img{
vertical-align:middle;
}
.one,.two{
font-family:"宋体","微软雅黑";
}
.one{
font-size:2em;
vertical-align:middle;
}
.two{
color:red;
text-decoration:underline;
}
</style>
</head>
<body>
<!--写出html代码-->
<div>
<p>
<img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg"> <span class="one">CSS层叠样式表</span> <span class="two">(Cascading Style Sheets)</span>
</p>
</div>
</body>
</html>
1回答
-
你好同学 ，英文也需要设置垂直对齐方式 ，才能让它相对于前面内容也是居中的
祝学习愉快 ，望采纳。
1
相似问题