5---与盒子相关的CSS属性第二部分
1.text-align:
文本横向排列。left(左对齐)，right（右对齐），center（居中）。
2.line-height:
指定行高，内容都在行中间，设置内容垂直居中。
可以是数字---字体大小 * line-height.
也可以是百分比。
3.display：
显示属性。值有：
block---在元素后添加换行符，多行显示。
inline---在元素后删除换行符，在一行显示。
none---关闭指定元素及其子元素的显示。
4.visibility:
针对嵌套层的设置：
若存在嵌套层与被嵌套层，
可使用inherit设置子层继承父层的可见性，父层可见，子层亦可见。
值为visible时，无论父层是否可见，子层都可见。
值为hidden时，无论父层是否可见，子层都隐藏。
5.overflow（超出层所容纳的范围处理方式）：
visible---无论层大小，内容都会显示出来。
hidden---会隐藏超出层大小的内容。
scroll---不论层的内容是否超出范围，都会添加滚动条。
auto---值有超出层内容时，才显示滚动条。
eg1:
<style>
.one {
width: 300px;
<!-- height:200px; -->
border:5px solid green;
background: red;
<!-- text-align:right; -->
line-height:2;
font-size:20px;
display:inline;
visibility:inherit;
}
.two {
width: 300px;
height:200px;
border:5px solid green;
background: red;
<!-- text-align:right; -->
line-height:2;
font-size:20px;
display:inline;
overflow:visible;
}
.three {
width: 300px;
<!-- height:200px; -->
border:5px solid green;
background: blue;
<!-- text-align:right; -->
line-height:2;
font-size:20px;
//display:none;
visibility:hidden;
}
</style>
<body>
<span class="one">
我是谁？？???<br>
<span class="three">
我是谁？？<br>
</span>
</span>
<span class="two">
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
我是谁？？<br>
</span>
</body>
eg2:
<html>
<head>
<meta name="my" content="david">
<style>
#one {
width:100px;
height:100px;
background:red;
display:inline;
}
#two {
width:100px;
height:100px;
background:blue;
display:inline;
}
</style>
</head>
<body>
<div id="one">
123415646
</div>
<div id="two">
---545123415646
</div>
</body>
</html>