|
css学习笔记(1) 1、<li>中的LI前面的符号不出现而且不占位置
list-style:none;
margin:0px;padding:0px;
2、CSS技巧">CSS相对定位语法
当父对象的position为absolute或者relative的时候
子对像如果设置了position为absolute,则top,left,right,bottom相对于父对象
例子：
<div id="AAA" style="position:relative;">基准点
<div id="num1" style="position:absolute;top:50px;left:1px;">测试1</div>
<div id="num2" style="position:absolute;top:80px;left:1px;">测试2</div>
</div>
3、CSS中的对齐属性
垂直顶部对齐（不是所有元素对这句都有效）
vertical-align:top;
水平居中对齐
text-align:center;
4、层的显示与隐藏
<script>
function hidlayer(){
document.all.Layer1.style.display="none";
}
</script>
<div id="Layer1" style="display:block"></div>
<a href="#" onClick="hidlayer()">隐藏层</a>
5、怎么能得到<div>的高度值
document.getElementById("divID").offsetHeight
6、在<table>或<div>中如何让传入的文本自动换行
<div style="width:100px">
你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你你
</div>
这样的话。div中内容。会到100px自动换行的。但是
<div style="width:100px">
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</div>
也就是其中内容是英文的话就不会换行？？？内容将会撑大直到完全显示
如果你输入的不是一连串的如:aaaaaaaaaa或！！！！！！！！这样的无意义字符，在你指定了容器的宽度之后，是会自动换行的；
如果有大篇章这样的字符，可以考虑使用Word-break:break-all或table-layout:fixed
<div style="width:100px;word-break:break-all;">
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
| 
