4-3编程问题

首页课程实战体系课手记专栏慕课教程

4-3编程问题

来源：4-3 编程练习

大脸猫大脸猫喵喵喵

2017-10-11 18:26:07

<!DOCTYPE html>

<html>

<head>

/*写出CSS样式*/

div{

background:#eee;

font-size:2em;

line-height:5em;

height:5em;

text-align:center;

}

.one{font-size:2em;}

.two{color:red;

text-decoration:underline;

vertical-align: 10px;

}

img{vertical-align:-6px;}

</style>

</head>

<body>

<div>

<span class="one">CSS层叠样式表</span>

<span class="two">（Cascading Style Sheets）</span>

</div>

</body>

</html>

老师，这么写可以吗？

1、有的同学在div中设置了两次line-height，那样也可以吗？不是需要为容器设置高度吗？

2、“针对css层叠样式表居中显示”是什么意思

3、middle不就是垂直居中的意思吗，为什么展示出来的效果却不一样？

写回答

1回答

小丸子爱吃菜

2017-10-11

已采纳

这样写是没有问题的！

vertical-align值可以是方向，也可以是百分比，也可以是像素值，如果它周围的元素字体大小有变化，那么设置middle是不行的，需要通过值来调整。

让一个元素居中的方式也有很多种，只要能实现就可以！
祝学习愉快！

0 学习 · 36712 问题

查看课程

相似问题

编程练习的答案呢

回答 2

4-3编程

回答 1

4-3编程练习相关问题

回答 1

4-3编程练习

回答 1

4-3编程练习问题

回答 1

打开慕课网App查看更多内容