前端小技巧(持续更新,一些遇到问题的解决方案)

1、首行缩进:

可用text-indent:2em;来代替 几em就缩进几个字.

2、js实现div垂直居中

<body>
<style type="text/css">
#center{ width:300px; height:100px; background-color:#333; margin:0px auto;}
</style>
<div id="center">
</div>
<script type="text/javascript">
function change(){
var winH=window.innerHeight;
var divH=document.getElementById("center").offsetHeight;
var FH=(winH-divH)/2;
document.getElementById("center").style.marginTop=FH+'px';}
window.onload=change;
window.onresize=change;
</script>
</body>

posted on 2013-03-14 16:40  攻城师broon  阅读(168)  评论(0)    收藏  举报

导航