代码语言：javascript复制
<!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>
