麻烦老师检查
来源:4-3 编程练习
localhost999
2020-06-26 12:08:26
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文本样式</title> <style type="text/css"> body{ font-size:2em; line-height:5em; } div{ background-color:#eee; width:100%; /*display:table;*/ } p{ text-align:center; /*height:50px;*/ } .english{ /*line-height:50px;*/ /*display:table-cell;*/ /*vertical-align:middle;*/ color:red; text-decoration:underline; vertical-align:8px; } .chinese{ font-size:2em; } img{ vertical-align:-6px; } </style> </head> <body> <div> <p> <img src="http://climg.mukewang.com/59c21bae000157fa01000059.jpg" alt="css3"> <span class="chinese">CSS层叠样式表</span> <span class="english">(Cascading Style Sheets)</span> </p> </div> </body> </html>
1回答
同学你好,同学实现的垂直居中是不精确的,建议同学使用vertical-align:middle属性实现:
如果我的回答帮助了你,欢迎采纳。祝学习愉快~
相似问题