如何顯示圖像的中心和文本右浮動圖像的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

回答

相關問題