为什么我的“最新”二字和斜杠之间有这么大的空白??

为什么我的“最新”二字和斜杠之间有这么大的空白??

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

         h4{color:green;}

         .title{color:blue;}

         .one{color:blue; font-weight:20px;}

         .two{color:#FF8C00;vertical-align:2px;font-size:12px;}

         .three{vertical-align:2px;font-size:12px;}

         .content{letter-spacing:4px}

         .bottlom{letter-spacing:4px}

         .four{color:blue;}

        </style>

    </head>

    <body>

          <div>

          <h4>大话西游之大圣娶亲的影评</h4>

          <p class="title"><span>热门</span><span>/</span><span>最新</span>

          <span>/</span><span>好友</span>

          </p>

          </div>

          <div><hr></div>

          <div class="content"><p><span class="one">罗红霉素</span><span class="two">XXXXX</span><span class="three">2010-07-26</span></p></div>

           <p><span>有人跟我比赛潜台词么</span></p>

           <p class="bottlom"><span>阅读:16:15</span><span class="four">有用</span></p>

           <div><hr></div>

           

              

    </body>



此外,这个五角星不能复制粘贴到编辑框里去,赋值粘贴进去,将造成标签体混乱,不能删减字符或者增加字符,所以我用XXX代替了。

正在回答 回答被采纳积分+1

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

2回答
好帮手慕糖 2017-08-03 10:00:23

你好,在不是首字的情况下,输入多个空格浏览器只会解析为一个空格,但若使用<pre>标签,就会呈两行显示了。祝学习愉快!

好帮手慕糖 2017-08-02 16:37:00

你好,“最新”二字后有空白,是因为<span>/</span>换行了,造成了在页面实现是一个空格。另,经测试五角星是可以直接粘贴的哟,例:如下图;

http://img1.sycdn.imooc.com/climg//59818f1a000114cb04300075.jpg

祝学习愉快!

  • 提问者 qq_不熄_0 #1
    你好,我记得在HTML里面的课程里讲过,如果要在标签中出现和输入的文字同样的效果(比如包含标签中的空格回车),需要使用一个标签才能达到这个效果,具体是哪个标签我忘了。。。我在这里并未使用那个标签,浏览器出现空白应该以我输入了空格符或者换行符为执行标准啊?!
    2017-08-02 21:41:06
  • 提问者 qq_不熄_0 #2
    对,我并未使用<pre>标签啊。。
    2017-08-02 21:42:40
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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