怎样让一个div中的p标签和a标签在一行上面,该div已经float:right;

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样让一个div中的p标签和a标签在一行上面,该div已经float:right;相关的知识,希望对你有一定的参考价值。

详情是a标签

可以设置a标签放到p里面。如果非要并列,p标签本身是自动换行的,试试对a和p都转为行及对象。就是都加上 style="display:inlint-block;" 参考技术A a不要定义display:block,并且把A放到P结束标记前面本回答被提问者和网友采纳 参考技术B p和a再单独定义float属性 参考技术C <div>与<a>均设置display: inline-block;属性即可 参考技术D <div>
    <a href="javascript:history.back();" style="color: black; float:left;"> a标签 </a>
    <p style="text-align: center;black; float:center;"> p标签 </p>
</div>

分别为<a>和<p>标签添加float属性可使 a标签 和 p标签 处在同一行上!

div标签如何与其他标签在同一行

<div id="coverAA" >
<a id="coverAA1" href="index.html">更多</a>
<a id="coverAA2" style="display:none;" href="index2.html">更多</a>
</div>

<div id="TabbedPanels1" class="TabbedPanels" >
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0" onClick="mores(1)">新闻</li>
<li class="TabbedPanelsTab" tabindex="0" onClick="mores(2)">公告</li>
</ul>
<div class="TabbedPanelsContentGroup" >
<div class="TabbedPanelsContent" >
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="23" colspan="3" valign="top">新闻</td>
</tr>
</table>
</div>
<div class="TabbedPanelsContent" >
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="23" colspan="3" valign="top">公告</td>
</tr>
</table>
</div>
</div>
</div>
就是那个更多哪里,在IE看是没有问题的,但是在其他浏览器,比如谷歌,火狐上面那个更多就会错位,还有那个新闻和公告的那个div是选项卡式面板
求大神

没太懂你的代码和问题。但是,如果你想让div标签和其它标签在同一行显示的话,你应该这样,先设置好div标签的宽度,保证他们满足一行显示,然后再设置左侧div向左浮动。例如:
<div id="left">
</div>
<div id="right"></div>
样式表如下:
#leftwidth:300px;height:20px;background:#f0f;float:left;
#rightwidth:500px;height:20px;background:#fff;float:
试试吧。不知道回答的对不对。但愿对你有帮助。追问

额,你的QQ,QQ聊,或者邮箱也可以

追答

QQ:1979707362

参考技术A 有的是浏览器的问题,还有的就是版本的问题!有的版本就不能浏览的!标签的定位有时候是挺难的!主要是css样式表的问题!你修改一下吧!

以上是关于怎样让一个div中的p标签和a标签在一行上面,该div已经float:right;的主要内容,如果未能解决你的问题,请参考以下文章

div标签如何与其他标签在同一行

如何让div中的文字只显示一行,多余的文字隐藏并加上省略号

怎样理解HTML5和CSS3的语义化标签

怎样让一个div里的多个div横向排列

2个div标签同在一行,然后怎么让他们2个的宽度一样,占满整的一行?

如何撑开父元素,让父元素div自动适应高度的问题