我发现一个问题

display:table 属性用VS code编辑的时候不能跟border:1px 放在一起使用否则无效

明智之选 2019-08-16

源自：CSS文本样式 3-10 vertical-align

4

收起

5回答

卡布琦诺回答被采纳获得+3积分 2019-08-17 09:55:13

检查了同学的代码，是css样式写错了哦，border和display都是属性，之间要是用分号隔开

正确代码：

希望可以帮到你！

提问者明智之选 2019-08-16 20:57:05

<!DOCTYPE html>
<html>
<head>
<title>CSS样式-2</title>
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8"/>
<style type="text/css">
h1{text-align: center;font-size: 24px;color: white;}
span{vertical-align: middle;}
.mychar{width: 100%;
height: 400px;
border:1px
display:table
}
.url{
text-align: center;
vertical-align: middle;
display: table-cell
}
</style>
</head>
<body>
<div style="background-color: black;line-height: 3em;">
<h1><span>欢迎来到慕课网</span></h1>
</div>
<div class="mychar">
<div class="url">
<p>慕课网，只学有用的！</p>
<p>慕课网（IMOOC）是IT技能学习平台。<br/>
慕课网（IMOOC）提供了丰富的移动端开发、php开发、web前端开发、Android开发和html5等视频教程资源公开课。<br>
并且富有交互性和趣味性，你还可以和朋友一起来编程。</p>
</div>
</div>
</body>
</html>

提问者明智之选 2019-08-16 20:55:51

提问者明智之选 2019-08-16 20:53:40

卡布琦诺 2019-08-16 19:08:49

同学可以将自己书写的代码贴上来么，以便于更加准确的定位同学的问题并帮你解答

祝学习愉快！

提问者明智之选 #1

我上传截图了老师看看是什么原因

2019-08-16 20:54:11
卡布琦诺回复提问者明智之选 #2

不要截图哦，要代码呀^v^

2019-08-16 20:55:02
提问者明智之选回复卡布琦诺 #3

<!DOCTYPE html> <html> <head> <title>CSS样式-2</title> <meta http-equiv="Content-Type" content="text/html" charset="UTF-8"/> <style type="text/css"> h1{text-align: center;font-size: 24px;color: white;} span{vertical-align: middle;} .mychar{width: 100%; height: 400px; border:1px display:table } .url{ text-align: center; vertical-align: middle; display: table-cell } </style> </head> <body> <div style="background-color: black;line-height: 3em;"> <h1><span>欢迎来到慕课网</span></h1> </div> <div class="mychar"> <div class="url"> <p>慕课网，只学有用的！</p> <p>慕课网（IMOOC）是IT技能学习平台。<br/> 慕课网（IMOOC）提供了丰富的移动端开发、php开发、web前端开发、Android开发和html5等视频教程资源公开课。<br> 并且富有交互性和趣味性，你还可以和朋友一起来编程。</p> </div> </div> </body> </html>

2019-08-16 20:56:28

点开查看后面2条评论

相似问题

除了老师说的bug 我发现还有一个bug

老师我这个代码有问题吗？

老师我发现一个问题！！

老师发现一个bug

老师，在我生成数组时，发现一个问题

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载