3-19编程练习
来源:3-19 编程练习
慕粉1470845848
2018-10-30 15:19:56
请问这段代码有什么问题,为什么跟效果图不一样
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>border属性</title> <style type="text/css"> .container{ width:200px; height:200px; background-color:pink; padding-top:50px; padding-left:100px; /*补充样式*/ } .content{ width:100px; height:100px; background-color:orange; padding-top:30px; padding-right:30px; padding-left:30px; /*补充样式*/ } span{background-color:yellow; } </style> </head> <body> <div class="container"> <div class="content"> <span> 我是span元素 </span> </div> </div> </body> </html>
1回答
妮可妮可妮_
2018-10-30
你好,这里是浏览器识别的默认字体不同,然后字体撑开了宽度,存放不下,就去下一行了,建议:这里可以设置下span的字体,例:font-size: 12px;
若能解决你的疑问,望采纳。
祝学习愉快~
相似问题