Html 屏幕元素无明显原因跳过一行
我正在制作一个移动网络应用程序。在页面的顶部,我有一行,左边有一个“Back”链接,右边是pagename。或者应该是这样。取而代之的是,我得到了一个带有页面名的反向链接。这是我的密码。我想不出怎么修理它Html 屏幕元素无明显原因跳过一行,html,css,Html,Css,我正在制作一个移动网络应用程序。在页面的顶部,我有一行,左边有一个“Back”链接,右边是pagename。或者应该是这样。取而代之的是,我得到了一个带有页面名的反向链接。这是我的密码。我想不出怎么修理它 <a style="text-decoration:none" href="resultsMap.html?radius=0&latitude=37.33&longitude=-121.85&j=true">Back</a> <p id="
<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/>
页面名称
这是因为您使用的是段落:
<p id="name"> PageName </p>
页面名称
改用
格式,使其与您喜欢的位置对齐
看这把小提琴:
这是因为您使用的是段落:
<p id="name"> PageName </p>
页面名称
改用
格式,使其与您喜欢的位置对齐
看这把小提琴: 这是因为锚点(链接)是内联的元素,而段落是块元素 内联元素的行为类似于文本。如果它们插入文本的中间,则与文本一起流动。块元素将其自己的空间作为单独指定的部分 如果要使用泛型内联元素,请使用
span
,而不是像上面建议的那样使用div
我建议改为:
<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>
页面名称
这是因为锚点(链接)是内联的元素,而段落是块元素
内联元素的行为类似于文本。如果它们插入文本的中间,则与文本一起流动。块元素将其自己的空间作为单独指定的部分
如果要使用泛型内联元素,请使用span
,而不是像上面建议的那样使用div
我建议改为:
<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>
页面名称
段落(
)是块级元素,它有一个使用浏览器窗口全宽的容器,而不是像
这样在文本流中占据位置的内联元素
换句话说,段落总是从“新行”开始,而锚定将放在当前行中
如果您想让pagename直接位于链接的右侧,可以编写
<a ...>Back</a>
<span id="name"> PageName </span>
返回
页码
元素也是一个内嵌元素。段落(
)是块级元素,它有一个使用浏览器窗口全宽的容器,而不是像
这样的内嵌元素,它们在文本流中占有一席之地
换句话说,段落总是从“新行”开始,而锚定将放在当前行中
如果您想让pagename直接位于链接的右侧,可以编写
<a ...>Back</a>
<span id="name"> PageName </span>
返回
页码
元素也是一个内嵌元素