网页居中
设父级DIV为MAIN
#main{
margin: 0px auto;
}
中文首行空二格
p{
text-indent: 2em;
}
防止表单被撑大
form{
margin:0px;
}
图片与文字的对齐
复制内容到剪贴板
代码:
<img src="URL" align="#"> #=top上, middle中, bottom下
或
<table>
<tr>
<td><img src="http://ry168.net/bbs/images/bklogo/syzj.gif" align="right" alt="" border="0" /></td>
<td valign="top">查看更多详细信息</td>
</tr></table>1px高的层
复制内容到剪贴板
代码:
<div style="width:100px;height:1px;background:#f00;overflow:hidden;"></div>定义图片
img { border:0; max-width: 750px; width: auto; }
防止被撑破
#wrapper {
margin: 0 auto;
width: 760px;
position: relative;
text-align: left;
overflow-x: auto;
}
注意这句代码 overflow-x: auto; 如果图片超过width: 760px;就会自动出现滚动条，而不会撑破布局。
溢出选项: overflow: visible; 可替换 hidden; scroll; auto;
清除DIV浮动--使用:display: table
特点：不占用物理空间.
display :table ;--将对象作为块元素级的表格显示。
用CSS样式实现显示隐藏层：在h1{ }中加入display:none;其他模块同样这个道理。
演示代码：
复制内容到剪贴板
代码:
<table>
<tr style="height: 100%">
<td><a href="###" onclick="toggle_collapse('user_1');" title="">查看更多详细信息<a><br>
<span id="user_1" style="display: none">
阅读权限</span></td></tr></table>点击弹出跳窗代码
复制内容到剪贴板
代码:
<a href="javascript:var val=window.showModalDialog('http://www.ry168.net','冷酷主页','dialogHeight:810px;dialogWidth:768px;dialogLeft:130;dialogTop:0;center:yes;');">冷酷主页</a>
