如何显示图像的中心和文本右浮动图像的css

在这里，我想显示图像在中心，然后正确的图像我想显示公司1 |欢迎管理|退出如何显示图像的中心和文本右浮动图像的css

这里我的问题是得到这个东西公司1 |欢迎管理|登出下一行你能告诉我为什么会发生这种情况。

<header> 
    <div style="top: 0px; padding: 5px; background-color: black;"> 
     <div style="text-align:center;margin-left:auto;margin-right:auto;width:40%"> 
      <img src="~/Content/Images/JPL_Logo.PNG" /> 
     </div> 
     <div style="color:#FFFF33;height:30px;float:right;"> 
      Company 1 | Welcome admin | <a href="~/Login/Create" style="color:yellow !important;">Logout</a> 
     </div> 
     <div class="cleardiv"></div> 
    </div> 
    <div style="padding: 0px; background-color: black;"> 
     @Html.Partial("~/Views/Shared/Navigation.cshtml") 
    </div> 
</header>

来源

2014-01-17 Karthik

这样做很简单，但这是一个快速修复。当浮动这两个元素时，可以用边距来定位它们。看到这个小提琴：http://jsfiddle.net/Ttyz8/

<header> 
<div style="top: 0px; padding: 5px; background-color: black;"> 
    <div style="color:#FFFF33;height:30px;float:right;line-height:28px;"> 
     <img src="~/Content/Images/JPL_Logo.PNG" style="display:inline-block;float:left;" /><span style=" float:left;margin-top:-4px;"> Company 1 | Welcome admin | <a href="~/Login/Create" style="color:yellow !important;">Logout</a></span> 

    </div> 
    <div class="cleardiv"></div> 
</div> 
<div style="padding: 0px; background-color: black;">@Html.Partial("~/Views/Shared/Navigation.cshtml")</div>

来源

2014-01-17 09:23:20

我在这里没有得到在中心 – Karthik

图像您可以尝试，并与边距玩：-4px;尝试增加或减少它。 –

仍然没有在中心获取图像 – Karthik

您可以使用位置风格=绝对的欢迎消息DIV并设置顶部和右侧，以你想去的地方它是。

来源

2014-01-17 09:26:36

如果我把位置：绝对，图像或欢迎它来完成左侧页面 – Karthik

设置右= 0，这将使元素向右对齐。 –

没有变化的权利= 0 – Karthik

感谢您的支持我得到这个

<div style="top: 0px; padding: 5px; background-color: black;"> 

     <div style="color:#FFFF33;height:90px;float:right;line-height:28px;"> 
      <img src="~/Content/Images/JPL_Logo.PNG" style="display:inline-block;float:left;padding-right:17em" /> 
      <span style=" float:left;margin-top:65px;"> Company 1 | Welcome admin | <a href="~/Login/Create" style="color:yellow !important;">Logout</a></span> 
     </div> 
     <div class="cleardiv"></div> 
    </div>

来源

2014-01-17 10:33:32 Karthik

如何显示图像的中心和文本右浮动图像的css

回答

相关问题