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

<!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>

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_37805832/article/details/106773787
今日推荐