CSS text-align属性 justify 取值示例 -- CSS教程

The purpose of the text-align is aligns text. Do you know?The justify value of the text-align can lined up with the paragraph's margin on both the left and right sides of each line of text.

The purpose of the text-align is aligns text. Do you know?The justify value of the text-align can lined up with the paragraph's margin on both the left and right sides of each line of text.可以使每行的文字紧挨容器(本例中的容器就是指容纳这段文字的段落)的两边.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>CSS text-align属性 justify 取值示例</title>
		<style type="text/css" media="all">
			p#left
			{
				text-align: left;	
			}
		
			p#justify
			{
				text-align: justify;
			}
		
			p
			{
				border:1px solid green;
				width:200px;
			}
		</style>
	</head>
	<body>
		<div>梦之都 <a href="http://www.dreamdu.com/css/">CSS教程</a>,text-align属性<strong>justify</strong>取值示例,认真看下面两个方框的两边!</div>
		<p id="left">The purpose of the text-align is aligns text. Do you know?The justify value of the text-align can lined up with the paragraph's margin on both the left and right sides of each line of text.</p>
		<p id="justify">The purpose of the text-align is aligns text. Do you know?The justify value of the text-align can lined up with the paragraph's margin on both the left and right sides of each line of text.可以使每行的文字紧挨容器(本例中的容器就是指容纳这段文字的段落)的两边.</p>
	</body>
</html>