Html 我想有一个标题集中在同一行,作为两个浮动,一个向左,一个向右
你误解了我之前的信息,所以我发布了一个新的例子。 假设您将以下内容浮动(例如,左侧的图像和右侧的一些div),其中可能包含您使用的浏览器、日期+时间和其他内容 现在,您还希望显示位于同一行上这两个浮动之间的公司名称。即使浏览器宽度变小,中间公司的文本也应始终居中 在本例中,我无法将文本置于两个浮动之间的中心位置。 不管我是把文本放在内联元素还是块元素中。 我两者都试过了。在这个例子中,我有一个p标签 当元素处于浮动状态时,使用文本对齐:居中不起作用Html 我想有一个标题集中在同一行,作为两个浮动,一个向左,一个向右,html,css,Html,Css,你误解了我之前的信息,所以我发布了一个新的例子。 假设您将以下内容浮动(例如,左侧的图像和右侧的一些div),其中可能包含您使用的浏览器、日期+时间和其他内容 现在,您还希望显示位于同一行上这两个浮动之间的公司名称。即使浏览器宽度变小,中间公司的文本也应始终居中 在本例中,我无法将文本置于两个浮动之间的中心位置。 不管我是把文本放在内联元素还是块元素中。 我两者都试过了。在这个例子中,我有一个p标签 当元素处于浮动状态时,使用文本对齐:居中不起作用 <!DOCTYPE html> &
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title></title>
<style type = "text/css">
#imageone
{
float:left;
}
p#right
{
float:right;
}
div p
{
text-align : center;
}
</style>
</head>
<body>
<div style="background:red">
<p>My company</p>
<p id="right">2013-06-12 10:00:12</p>
<img id="imageone" src="img/die1.png" alt="photo" />
</div>
</body>
</html>
#imageone
{
浮动:左;
}
对
{
浮动:对;
}
p组
{
文本对齐:居中;
}
我的公司
2013-06-12 10:00:12
如果任意两个元素的宽度固定,则此操作相对简单。您可以通过在包含元素上使用position:relative
,在子元素上使用position:absolute
(要左、右和中心对齐的块)来实现它
请参见示例。如果任意两个元素的宽度固定,则执行此操作相对简单。您可以通过在包含元素上使用
position:relative
,在子元素上使用position:absolute
(要左、右和中心对齐的块)来实现它
例如,请参见。您可以将公司名称放在html中浮动元素之后:
<body>
<div style="background:red">
<p id="right">2013-06-12 10:00:12</p>
<img id="imageone" src="img/die1.png" alt="photo" />
<p id="name">My company</p>
</div>
</body>
请看这里的小提琴:您可以将公司名称放在html中浮动元素之后:
<body>
<div style="background:red">
<p id="right">2013-06-12 10:00:12</p>
<img id="imageone" src="img/die1.png" alt="photo" />
<p id="name">My company</p>
</div>
</body>
在这里看到一把小提琴:你能将中心元素的样式设置为
边距:0自动代码>
如本例所示:能否将中心元素的样式设置为边距:0自动代码>
如本例所示:你能把问题简化为一个JSF吗?因为当我尝试时,它会把公司名称放在中心位置,很好…你能把问题简化为一个JSF吗?因为当我尝试时,它会把公司名称放在中心位置,很好。。。