将图像置于标题中心,也可以制作全角

时间:2016-06-09 15:52:55

标签: html css

我一直在努力让我的全局标题顶部的徽标居中和全宽。似乎无法搞清楚。我正在购买购物车软件程序,可能没有编辑正确的东西......

HTML:

$.ajax

CSS:

<div id="mainContainer" class="container">
    <header id="header"> 
        <div id="logo">
            <!--START: global_header-->
            <h1 class="store-name">[storename]</h1>
            <h3 class="store-slogan">[storeslogan]</h3>
            <!--END: global_header-->
        </div>

1 个答案:

答案 0 :(得分:0)

我在Plunker上创建了一个例子。使用您为标题div设置的ID,您还可以添加背景图像URL以及背景的位置。不确定你想要文本的位置。

#header {
  text-align: center;
   background-image: url('http://placehold.it/360x65');
   background-position: center; 
}


https://plnkr.co/edit/7Gpf8kePPXQ4MfoSXVKh?p=preview