请问老师为什么我的下划线会有断点,代码如下,望解答!谢谢

请问老师为什么我的下划线会有断点,代码如下,望解答!谢谢

http://img1.sycdn.imooc.com//climg/5d0a3bb40001b36308900153.jpg

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

           /*写出CSS样式*/

           *{

            font-family:"simsun";

           }

           div{

            height:150px;

            background-color:#eee;

            text-align:center;

           }

           span{

            font-size:200%;

            line-height:500%;

            vertical-align:15px;

           }

           .one{

            font-size:200%;

           }

           .two{

            color:red;

            text-decoration:underline;

           }


        </style>

    </head>

    <body>

          <!--写出html代码-->

          <div>

           <img src="http://img1.sycdn.imooc.com/climg//59c21bae000157fa01000059.jpg" alt=""><span class="one">CSS层叠样式表</span><span class="two">(Cascading Style Sheets)</span>

          </div>


    </body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好!

下划线断开没有关系,不是代码问题,这是浏览器自身解析的不同哦

另,代码没有实现几个元素垂直对齐的效果

http://img1.sycdn.imooc.com//climg/5d0af5440001c56405530255.jpg

如果帮助到了你 欢迎采纳 祝学习愉快~

  • 蜂蜜柚子茶Fly 提问者 #1
    好的 谢谢老师的耐心解答!学习了!
    2019-06-20 14:04:41
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师