無法觀察原因跳過一條線的屏幕元素

我正在製作移動網絡應用程序。在頁面頂部，我有一行，左側有一個「返回」鏈接，右側有頁面名稱。或者它應該是。取而代之的是，我在之下獲得了頁面名稱爲的反向鏈接。這是我的代碼。我無法弄清楚如何解決它。無法觀察原因跳過一條線的屏幕元素

<a style="text-decoration:none" href="resultsMap.html?radius=0&latitude=37.33&longitude=-121.85&j=true">Back</a> <p id="name"> PageName </p> <hr/>

來源

2012-04-05 Aerovistae

段（<p>）是塊級元素，其具有使用在瀏覽器窗口的整個寬度的容器，相對於在線元件等<a>，它們在文本流中佔據他們的位置。

換句話說，段落將始終在「新行」上開始，而錨將放置在當前行中。

如果你想直接在頁面文件的鏈接的右側，你可以寫

<a ...>Back</a> 
<span id="name"> PageName </span>

的<span>元素也是一個在線元件。

來源

2012-04-05 15:38:39 Peter

這是監守你正在使用的段落：

<p id="name"> PageName </p>

使用即<div>代替並格式化對準你喜歡的地方

看到這個小提琴： http://jsfiddle.net/UQFSw/1/

來源

2012-04-05 15:23:02 Elen

這是因爲錨（鏈接）是內嵌元素和段落是塊元素。

Block-Level vs. Inline Elements

內聯元素表現得像文本。如果將它們插入到文本的中間，則會隨文本一起流動。塊元素將自己的空間作爲單獨指定的部分。

而不是像上面建議的那樣使用div，如果要使用通用內聯元素，請使用span。

我建議代替類似：

<div style="border-bottom:1px solid black;"> 
    <a style="text-decoration:none" href="resultsMap.html?radius=0&latitude=37.33&longitude=-121.85&j=true">Back</a> 
    <span style="float:right;">Page Name</span> 
</div>

來源

2012-04-05 15:35:03

無法觀察原因跳過一條線的屏幕元素

回答

相關問題