详解：36 text-align-last 最后一行调整

贵哥的编程之路
215 阅读3分钟 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>text-align-last</title>
	<link rel="stylesheet" type="text/css" href="css/reset.css"/>
	<style type="text/css">
	body{
		font:18px sans-serif;
	}
	div{
		width: 40%;
		padding:2%;
		line-height: 1.2;
		float:left;
		border:5px solid #abcdef;
		margin:1%;
	}
	.auto{
		text-align-last: auto;/*兄弟们，这是，最后一行才调整的哈，左对齐*/
	}
	.left{
		text-align-last: left;/*最后一行・左对齐*/
	}
	.right{
		text-align-last: right;/*最后一行右对齐*/
	}
	.center{
		text-align-last: center;/*最后一行居中对齐*/
	}
	.start{
		text-align-last: start;/*最后一行左对齐*/
	}
	.end{
		text-align-last: end;/*最后一行右对齐*/
	}
	.justify{
		text-align-last: justify;/*如果是一行的话，。就两端对齐把.文字多的情况下*/
	}
	.test{
		text-align-last:justify;/*文字少的情况下·*/
	}
	</style>
</head>
<body>
	<div class="auto">
		<h2>text-align-last:auto</h2>
		<p>出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，而JSONP（JSON with Padding）则是JSON 的一种“使用模式”，通过这种模式可以实现数据的跨域获取。</p>
	</div>
	<div class="left">
		<h2>text-align-last:left</h2>
		<p>出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，而JSONP（JSON with Padding）则是JSON 的一种“使用模式”，通过这种模式可以实现数据的跨域获取。</p>
	</div>
	<div class="right">
		<h2>text-align-last:right</h2>
		<p>出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，而JSONP（JSON with Padding）则是JSON 的一种“使用模式”，通过这种模式可以实现数据的跨域获取。</p>
	</div>
	<div class="center">
		<h2>text-align-last:center</h2>
		<p>出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，而JSONP（JSON with Padding）则是JSON 的一种“使用模式”，通过这种模式可以实现数据的跨域获取。</p>
	</div>
	<div class="start">
		<h2>text-align-last:start</h2>
		<p>出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，而JSONP（JSON with Padding）则是JSON 的一种“使用模式”，通过这种模式可以实现数据的跨域获取。</p>
	</div>
	<div class="end">
		<h2>text-align-last:end</h2>
		<p>出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，而JSONP（JSON with Padding）则是JSON 的一种“使用模式”，通过这种模式可以实现数据的跨域获取。</p>
	</div>
	<div class="justify">
		<h2>text-align-last:justify</h2>
		<p>出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，而JSONP（JSON with Padding）则是JSON 的一种“使用模式”，通过这种模式可以实现数据的跨域获取。</p>
	</div>
	<div class="test">this is a test</div>
</body>
</html>

在这里插入图片描述

avatar
文章
阅读
粉丝