标题栏左右按钮

最新推荐文章于 2022-10-02 17:35:45 发布

我该叫什么名字好呢？

最新推荐文章于 2022-10-02 17:35:45 发布

阅读量687

点赞数

分类专栏： WebApp开发

本文链接：https://blog.csdn.net/shendan00/article/details/46549453

版权

WebApp开发专栏收录该内容

6 篇文章 0 订阅

订阅专栏

有时候需要模仿原生APP实现一个标题栏和左右两个按钮，可以这么做：
定义标题栏的规格

.header {
    background-color: #6F7D94;
    height:42px;
}

然后再定义两个图标，设置为浮动，不过行

  <div class="header">

  <a href=""><img src="" alt="home" name="n_home" width="40" height="40" id="n_home" class="home" /></a> 

  <h3 style="display: inline-block; padding-top: 8px; padding-left: 10%;">Hello World</h3>

   <a href=""><img src="" alt="menu" name="n_menu" width="40" height="40" id="n_menu" class="menu" /></a> 

  </div>