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

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

WBOY
Release: 2016-06-21 09:21:43
Original
1785 people have browsed it

<!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>
Copy after login


回复讨论(解决方案)

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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template