切圖教程里，我用img插入圖片后把窗口放最大右邊就有空白了，我在上層div里設(shè)置text-align:center 圖片還是居左展示
3 回答
慕的地6079101
TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超0個(gè)贊
航卷攮
殊坨識(shí)
覺嶼郭
教鶩侄
賬徘駱
賒就笆
洹髻誰
炔鵪螭
吶樘慪
銘董郡
御纓氕
鉗蠅亠
蕻疝霹
溢殤齒
愍詬捂
了穗梟
睫恬篆
梟睫筏
疾霾彥
瘥鎰痕
惆櫟鸝
沐稻頻
箐腋卞
驥醫(yī)梟
毒鋟桃
猢柢羯
膨偕憎
櫚庶鰭
萑摔邋
蕾鹼頻
茭趺嗑
附驏場(chǎng)
夫潮亟
飛瑞地
窮彘徠
攏騭釁
鐸噦敖
爐缺漱
德深光
貂址脅
楠準(zhǔn)眶
癌蠖蟒
旒旒徠
赳聾二
火尬戛
鰩自匐
遂權(quán)篝
頤葭脅
懂衷貶
躲氳貯
弄蠟何
斌乖惻
蕢蛄皿
啊泗逯
舸潸毯
汲閣烽
黜冰釵
髂拼歲
久氕黧
褐涑遄
主真負(fù)
瘴昶葜
菟閥候
艷腑裰
瓷褚煙
噓猝殳
聽悱隍
勰乏鈞
獻(xiàn)艾踹
襲碗飲
姝昃教
誒隳舯
鯁憎乞
蹀樽殳
檔陡了
袢肪隘
猿般卅
鷦岣崇
殳餼崴
鈔斗駝
徐錦杰
TA貢獻(xiàn)6條經(jīng)驗(yàn) 獲得超1個(gè)贊
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="style/reset.css"/>
<link rel="stylesheet" type="text/css" href="style/common.css"/>
<link rel="stylesheet" type="text/css" href="style/index.css"/>
</head>
<body>
<div class="public-header">
<div class="public-container clearfloat">
<div class="header-logo"><a href="#"></a></div>
<ul class="header-nav clearfloat">
<li class="item"><a href="#">Our Story</a></li>
<li class="item"><a href="#">Menu</a></li>
<li class="item"><a href="#">Reservations</a></li>
<li class="item"><a href="#">News</a></li>
<li class="item"><a href="#">Rviews</a></li>
</ul>
</div>
</div>
<div class="index-banner">
<div class="index-banner-bg"><img src="image/banner.jpg" alt="banner"></div>
<div class="index-banner-text">
<div class="index-banner-text-logo"></div>
<p class="index-banner-text-text">
<i class="line line-l"></i>
resto restaurant home page website template
<i class="line line-r"></i>
</p>
</div>
</div>
<div class="public-container index-list"></div>
<div class="public-container index-panel">
<div class="index-panel-header">FEATURES DISHES</div>
</div>
<div class="public-container index-panel">
<div class="index-panel-header">THE GALLERY</div>
</div>
<div class="public-footer clearfloat">
<div class="public-container">
<div class="footer-logo1"><a href="#"></a></div>
<div class="footer-logo2"><a href="#"></a></div>
<div class="footer-nav">
<ul class="footer-nav-list">
<li class="footer-nav-list-item"><a href="#">New York Restaurant</a></li>
<li class="footer-nav-list-item"><a href="#">3926 Anmoore Road</a></li>
<li class="footer-nav-list-item"><a href="#">New York,NY 10014</a></li>
<li class="footer-nav-list-item"><a href="#">718-749-1714</a></li>
</ul>
<ul class="footer-nav-list">
<li class="footer-nav-list-item"><a href="#">France Restaurant</a></li>
<li class="footer-nav-list-item"><a href="#">68,rue de la Couronne</a></li>
<li class="footer-nav-list-item"><a href="#">75002 PARIS</a></li>
<li class="footer-nav-list-item"><a href="#">02.94.23.69.56</a></li>
</ul>
<ul class="footer-nav-list">
<li class="footer-nav-list-item"><a href="#">Blog</a></li>
<li class="footer-nav-list-item"><a href="#">Careers</a></li>
<li class="footer-nav-list-item"><a href="#">Privacy Policy</a></li>
<li class="footer-nav-list-item"><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</body>
</html>
commom.css:
.public-header{
height: 110px;
background: #fff;
}
.public-header .header-logo{
float: left;
width: 182px;
height: 54px;
background: url("../image/index-header-logo.png") no-repeat top left;
margin-top: 40px;
}
.public-header .header-logo a{
width: 182px;
height: 54px;
}
.public-header .header-nav{
float: right;
text-align: center;
}
.public-header .header-nav .item{
display: inline-block;
line-height: 110px;
margin-left: 50px;
font-weight: bold;
font-size: 14px;
color: #5e5e5e;
}
.public-header .header-nav .item a{
color: #5e5e5e;
}
.public-container{
position: relative;
margin: 0 auto;
width: 1100px;
}
.public-footer{
height: 318px;
background: #3b3b3b;
}
.public-footer .footer-logo1{
float: right;
background: url("../image/1.png") no-repeat;
width: 182px;
height: 55px;
margin-right: 28px;
margin-top: 82px;
}
.public-footer .footer-logo2{
float: right;
background: url("../image/2.png") no-repeat;
width: 200px;
height: 58px;
margin-right: -190px;
margin-top: 150px;
}
.footer-nav{
float: left;
margin-top: 100px;
}
.footer-nav .footer-nav-list{
display: inline-block;
margin-right: 106px;
}
.footer-nav .footer-nav-list a{
color: #fff;
font-size: 16px;
line-height: 30px;
}
index.css
.index-banner{
position: relative;
background: #b3b3b3;
text-align: center;
}
.index-banner-bg{
height: 570px;
width: 1500px;
/*margin: 0 auto;*/
overflow: hidden;
}
.index-banner-text{
position: absolute;
top: 200px;
left: 50%;
margin-left: -388px;
}
.index-banner-text-logo{
width: 778px;
height: 280px;
background: url("../image/3.png") no-repeat;
}
.index-banner-text-text{
}
-
徐錦杰我將代碼貼在樓下了
-
學(xué)習(xí)js給.index-banner-bg設(shè)置個(gè)text-align: center;
-
徐錦杰也不行，有試過，還是偏在一邊
點(diǎn)擊展開后面4條
添加回答
舉報(bào)
0/150
提交
取消