Html 我想有一个标题集中在同一行,作为两个浮动,一个向左,一个向右

Html 我想有一个标题集中在同一行,作为两个浮动,一个向左,一个向右,html,css,Html,Css,你误解了我之前的信息,所以我发布了一个新的例子。 假设您将以下内容浮动(例如,左侧的图像和右侧的一些div),其中可能包含您使用的浏览器、日期+时间和其他内容 现在,您还希望显示位于同一行上这两个浮动之间的公司名称。即使浏览器宽度变小,中间公司的文本也应始终居中 在本例中,我无法将文本置于两个浮动之间的中心位置。 不管我是把文本放在内联元素还是块元素中。 我两者都试过了。在这个例子中,我有一个p标签 当元素处于浮动状态时,使用文本对齐:居中不起作用 <!DOCTYPE html> &

你误解了我之前的信息,所以我发布了一个新的例子。 假设您将以下内容浮动(例如,左侧的图像和右侧的一些div),其中可能包含您使用的浏览器、日期+时间和其他内容

现在,您还希望显示位于同一行上这两个浮动之间的公司名称。即使浏览器宽度变小,中间公司的文本也应始终居中

在本例中,我无法将文本置于两个浮动之间的中心位置。 不管我是把文本放在内联元素还是块元素中。 我两者都试过了。在这个例子中,我有一个p标签

当元素处于浮动状态时,使用文本对齐:居中不起作用

<!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吗?因为当我尝试时,它会把公司名称放在中心位置,很好。。。