为何无法对p使用css 的align

• Z时代
• 2024-01-10
• 分类：技术分享

<div id="header">
<img src="https://segmentfault.com/q/1010000037518423/images/logo.png" alt="" align="left">
<p align="right">
旅游首页 &nbsp;&nbsp;|&nbsp;&nbsp;登录&nbsp;&nbsp;|&nbsp;&nbsp;注册
</p>
</div>

图片左边，文字右边，

现在我将行内css 改写：

div#header img{
align:left;
}
div#header p{
text-align:right;
}

html也改写

<div id="header">
<img src="https://segmentfault.com/q/1010000037518423/images/logo.png" alt="">
<p>
旅游首页 &nbsp;&nbsp;|&nbsp;&nbsp;登录&nbsp;&nbsp;|&nbsp;&nbsp;注册
</p>
</div>

效果成了这样

为何

 div#header p{
text-align:right;
}

将图片排在div#header外面了？

回答

其实我不太理解为什么会在一行。p标签应该是个块级标签。

或许你想要的是 float？

align是标签的属性，不是css样式

以上是 为何无法对p使用css 的align 的全部内容， 来源链接： utcz.com/a/61609.html