menu
more_vert
html中<li><li>中使用<br>和<li><li&

作者:dayu

</pre><pre>

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>欢迎到訪</title>
	<style>
	body{
		background-color: rgb(11,41,105);
	}
	a{
		text-decoration:none;
	}
	#head{
		background-color:gray;
		height:2px;
	}
	#middle{
		background-color::white;
		width: 250px;

		float:left;
	}
	</style>
</head>
<body>
	<h1 style="color:white"><center> 欢迎使用导航界面</center></h1>
	<div id="head">
	</div >
	<p>
		<center  style="color:red;font-size:25px">在这里看到你的进步</center>
	</p>
	<div id="middle">
	<a href="http://127.0.0.1:6060/Fristweb/MyJsp.jsp" style="color:white;font-size:25px;padding-left:10px">连接到动态的jsp网页</a>
	<br>
	<br>
	<li>	<a href="indexj.html" style="color:white;font-size:25px">Django学习</a>
	<br>
	<br>
	</li>
	<li>
	<a href="linux.html" style="color:white;font-size:25px">linux学习</a>
	<br>
	<br>
	</li>
	<li>
	<a href="python.html"style="color:white;font-size:25px">python学习</a>
	<br>
	<br>
	</li>
	<li>
		<a href="java.html"style="color:white;font-size:25px">java学习</a>
	<br>
	<br>
	</li>
	<li>
		<a href="sqlserver.html"style="color:white;font-size:25px">sqlserver学习</a>
		<br>
		<br>
	</li>
	<li>
		<a href="mysql\indexmysql.html" style="color:white;font-size:25px">mysql学习</a>
	</li>
	</div>
	  
</body>
</html>
在学习html的时候突然发现的一个小细节

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>欢迎到訪</title>
	<style>
	body{
		background-color: rgb(11,41,105);
	}
	a{
		text-decoration:none;
	}
	#head{
		background-color:gray;
		height:2px;
	}
	#middle{
		background-color::white;
		width: 250px;

		float:left;
	}
	</style>
</head>
<body>
	<h1 style="color:white"><center> 欢迎使用导航界面</center></h1>
	<div id="head">
	</div >
	<p>
		<center  style="color:red;font-size:25px">在这里看到你的进步</center>
	</p>
	<div id="middle">
	<a href="http://127.0.0.1:6060/Fristweb/MyJsp.jsp" style="color:white;font-size:25px;padding-left:10px">连接到动态的jsp网页</a>
	<br>
	<br>
	<li>	<a href="indexj.html" style="color:white;font-size:25px">Django学习</a>
	</li>
	<br>
	<br>
	<li>
	<a href="linux.html" style="color:white;font-size:25px">linux学习</a>
	</li>
	<br>
	<br>
	<li>
	<a href="python.html"style="color:white;font-size:25px">python学习</a>
	</li>
	<br>
	<br>
	<li>
		<a href="java.html"style="color:white;font-size:25px">java学习</a
	</li>
	<br>
	<br>
	<li>
		<a href="sqlserver.html"style="color:white;font-size:25px">sqlserver学习</a>
		<br>
		<br>
	</li>
	<li>
		<a href="mysql\indexmysql.html" style="color:white;font-size:25px">mysql学习</a>
	</li>
	</div>
	  
</body>
</html>
发如今里面和外面的情况,换行的时候,外面的比里面的多一行.为什么呢?

还不清楚,感觉html一点都不简单


html中&lt;li&gt;&lt;/li&gt;中使用&lt;br&gt;和&lt;li&gt;&lt;/li&gt;外面使用&lt;br&gt;

原文地址:http://www.cnblogs.com/brucemengbm/p/7218168.html