首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

div+css 正当中

2014-05-14 
div+css 居中对于div来说,默认的宽度就是撑到父级元素的宽度,如果定义的max-width一般宽度都是扩展到设定

div+css 居中

对于div来说,默认的宽度就是撑到父级元素的宽度,如果定义的max-width一般宽度都是扩展到设定的最大宽度,当确定了宽度后并且定义了margin-left、margin-right为auto就会让这个div块级元素居中,但此时div中的文字还是左对齐,要让文字在块中居中还需要设置text-align为center。

jquery的居中:

?$(window).resize(function(){ ???????$('.className').css({ 04????????position:'absolute', 05????????left: ($(window).width() - $('.className').outerWidth())/2, 06????????top: ($(window).height() - $('.className').outerHeight())/2 07????}); 08??09}); 10??11// To initially run the function: 12$(window).resize();

其实模仿的上一种办法,只是在浏览器窗口改变时,动态计算div的高度和宽度。偷巧的完成了div的宽度和高度计算。

缺点是必须JavaScript支持。但,其效果非常好,可以用在华丽的用户界面上。

热点排行