无法观察原因跳过一条线的屏幕元素

我正在制作移动网络应用程序。在页面顶部，我有一行，左侧有一个“返回”链接，右侧有页面名称。或者它应该是。取而代之的是，我在之下获得了页面名称为的反向链接。这是我的代码。我无法弄清楚如何解决它。无法观察原因跳过一条线的屏幕元素

<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

无法观察原因跳过一条线的屏幕元素

回答

相关问题