-1

我使用此代码将我使用的实际浏览器添加到我的段落中，其中 id=browser 进一步向下

$(function ()
{
    $("#browser").text('sBrowser');
});

问题是我的段落id=browser位置太低了一行。

再往下我有这个标记

<div id="info">
    Torsdag : <time>2013-09-05 16:00:00</time>
    <p id="browser"></p>
</div>

我希望标记段落id=browser位于这一行的正下方

Torsdag : <time>2013-09-05 16:00:00</time>

中间没有任何空行

当我在 IE 9 中运行这个标记时，我得到了这个结果，你可以看到我上面有一个空sBrowser

托斯达 : 2013-09-05 16:00:00

浏览器

我希望它看起来像这样

Torsdag : 2013-09-05 16:00:00
sBrowser

那么我必须改变什么才能获得我想要的外观。

这是完整的标记和 css。

<!DOCTYPE html>
<html>
   <head>
      <meta charset = "utf-8">
      <title>Kontaktuppgifter</title>
      <script src="js/jquery.js"></script>
      <script src="js/flygbolag.js"></script>
      <script type="text/javascript">

         $(function ()  //wait until the DOM is complete
         {
            $("#browser").text('sBrowser');
         });

      </script>

      <style type = "text/css">
         body
         {
            font-size:small;
            width:72em;
            background : #87a5be url(img/bg.jpg) no-repeat right bottom fixed;
            background-repeat:no-repeat;
            margin:0;
            padding:0;
            margin:0.2em auto;
          }

          header #info
          {
             font-size:120%;
             float:right; 
             font-weight:bold;
          }
      </style>   
  </head>

  <body id="kontakt">
     <header>
        <div>
           <div id="info">
              Torsdag : <time>2013-09-05 16:00:00</time> <br />
              <p id="browser"></p>
           </div>
        </div>
     </header>
 </body>
</html>
4

3 回答 3

1

您是否尝试过添加到您的CSS中：

p#browser{
    margin:0;
    padding:0; /* only if needed... */
}

之前和之后

顺便说一句，<br>您使用 -不需要，因为<p>它已经是块级元素（如果没有严格定义为inline或inline-block）

您可能还需要（相反）是一个不错的小型 CSS 重置，例如： http:
//meyerweb.com/eric/tools/css/reset/

于 2013-09-10T00:28:21.817 回答
0 
<div>
    <div id="info">Torsdag :
        <time>2013-09-05 16:00:00</time>
        <br /> <span id="browser"></span>
    </div>
</div>

在这里：http: //jsfiddle.net/psQJg/

交替编辑：CSS as

#info,#browser {float:left;}

标记为：

<div>
    <div id="info">Torsdag :
        <time>2013-09-05 16:00:00</time>
        <span id="browser"></span>
    </div>
</div>

http://jsfiddle.net/psQJg/1/

于 2013-09-10T00:28:18.290 回答
0

似乎真正的问题只是您在使用该p元素时没有考虑到它具有默认的顶部（和底部）边距。最好的解决方案是使用没有这种默认渲染的元素，即div. 您不需要（也不应该使用）brthen，因为div它从新行开始呈现为一个块。

       <div id="info">
          Torsdag : <time>2013-09-05 16:00:00</time>
          <div id="browser"></div>
       </div>
于 2013-09-10T05:24:15.793 回答