Redmine-4.1.1 中讓企業Logo圖標標誌和標題垂直居中對齊的方法

修改logo圖標的方法參見:

Redmine-4.1.1在標題前加公司標誌等LOGO圖片 :https://my.oschina.net/SamXIAO/blog/4969935

讓圖標和標題垂直對齊的方法。

修改文件~/redmine-4.1.1-10086xsz/app/views/layouts/base.html.erb下面一行 手動調整垂直位置。

<h1><%= page_header_title %></h1>



改爲:

<div style="float:left;">
  <img src="logo.png" height="100" width="100"> </img>
</div>
<div style="float:left;">
  <h1 style="background-color:lightblue33;color:red33; position:relative; margin-left:15px; margin-top:37px;">
    <font style="color:green">o</font>
    <font style="color:blue">o</font>
    <font style="color:red">o</font>
    <%= page_header_title %>
    <font style="color:green">o</font>
    <font style="color:blue">o</font>
    <font style="color:red">o</font>
  </h1>
</div>



  • 調整離圖片左邊的距離,修改margin-left:15px;中的數值。
  • 調整離圖片上邊的距離,修改margin-top:37px;中的數據。

效果

  • margin-left:15px; margin-top:37px;

  • margin-left:35px; margin-top:67px;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章