Heim > Web-Frontend > HTML-Tutorial > 文字【首页】想要靠在左边,现在距离左边太远了,怎么拉近距离?_html/css_WEB-ITnose

文字【首页】想要靠在左边,现在距离左边太远了,怎么拉近距离?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 09:21:43
Original
1773 Leute haben es durchsucht

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">#wrap{	margin:0px auto;	width:700px;}.wz01{	float:float;	margin-left:10px;	width:700px;}.wz02{	text-align:center;	width:700px;	background-image:url(dh.jpg);	background-repeat:no-repeat;	height:20px;}.wz02 Ol{	margin:0px auto;	width:700px;}.wz02 li{	text-align:center;	width:80px;	}.wz03{	margin-top:10px;}.wz04{	margin-top:5px;}.wz0401{	}#nav li.first {	border-left-width: 0px;	margin:0px 2px 0px 2px;	width:20px;}</style></head><body><div id="wrap">    <div class="wz01">    <img  src="logo.jpg"    style="max-width:90%" height="80px" / alt="文字【首页】想要靠在左边,现在距离左边太远了,怎么拉近距离?_html/css_WEB-ITnose" >    </div>                <div class="wz02">    <ol style="list-style-type:none">    <li style="float:left" class="first">首页</li>    <li style="float:left">公司简介</li>    <li style="float:left">新闻中心</li>    <li style="float:left">工程展示</li>    <li style="float:left">企业管理</li>    <li style="float:left">业务范围</li>    <li style="float:left">在线留言</li>    <li style="float:left">关于我们</li>    </Ol>    </div>        <div class="wz03">    <img  src="1.jpg"    style="max-width:90%" height="300px" / alt="文字【首页】想要靠在左边,现在距离左边太远了,怎么拉近距离?_html/css_WEB-ITnose" >    </div>        <div class="wz04">        <div class="wz0401">        <img  src="left.jpg"    style="max-width:90%" height="300px" / alt="文字【首页】想要靠在左边,现在距离左边太远了,怎么拉近距离?_html/css_WEB-ITnose" >        </div>        <div class="wz0402">        </div>    </div></div></body></html>
Nach dem Login kopieren


回复讨论(解决方案)

.wz02 Ol {
margin: 0px auto;
width: 700px;
margin-left: -30px;
}

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage