问答详情
源自：4-2 banner

为什么我的这个不起作用啊？是不是因为index.html里面没有设置 line

.index-banner-text .text-info .line{
    display: inline-block;
    width:40px;
    border-top: 1px solid #fff;
}


<div class="index-banner-bg"><img src="images/demo1.jpg" alt="banner" /></div>
            <div class="index-banner-text">
                <div class="text-logo"></div>
                    <p class="text-info">
                        <i class="line-l"></i>
                        resto restaurant home page website template
                        <i class="line-r"></i>
                    </p>
            </div>

提问者：qq_________西瓜_03583902 2016-07-05 17:01

个回答

  • Tony1994
    2016-07-05 17:10:27
    已采纳

    是的

    <div class="index-banner-bg"><img src="images/demo1.jpg" alt="banner" /></div>
            <div class="index-banner-text">
                <div class="text-logo"></div>
                    <p class="text-info">
                        <i class="line line-l"></i>
                        resto restaurant home page website template
                        <i class="line  line-r"></i>
                    </p>
            </div>


    0
  • blazingskunk
    2016-07-10 22:46:58

    请问，你这里demo1.jpg, 能居中吗？当你放大浏览器，或缩小浏览器时？ 

    0