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

来源:4-2 编程练习

qq_不熄_0

2017-08-02 16:20:56

<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代替了。

写回答

2回答

好帮手慕糖

2017-08-03

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

0

好帮手慕糖

2017-08-02

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

http://climg.mukewang.com/59818f1a000114cb04300075.jpg

祝学习愉快!

0
hq_不熄_0
h 对,我并未使用<pre>标签啊。。
h017-08-02
共2条回复

0 学习 · 36712 问题

查看课程