用户名:  密码:   
您当前的位置:首页 > 网页设计 >  Html+CSS > 

DIV使用中遇到的一些问题

上次修改时间: 2022-11-19 17:46:02      来源:网络总结      作者:钢铁长陈
上一页      路径:DSD\Learn\Html与CSS\DIV+CSS\设计中遇到的问题\      下一页

 

2.DIV和表格混用时,表格设置为居中还是显示左对齐
解决方法:删除如下代码即可,*{padding:0px; margin:0px;}

1.设置DIV中的文本垂直居中
方法一:如只有一行文字,只要把DIV的行高height和文本的行高line-height设为相同即可。
方法二:设置方框上面的填充值来居中,(方框——填充——上的值)
多行文本更好方法:http://blog.163.com/zhaoyanping_1125/blog/static/20132915320120574238932/
http://www.cnblogs.com/chuncn/archive/2008/10/09/1307321.html

2.相同的值的表格和DIV宽度为什么不一样
如果DIV1中有一个DIV2高度为32,里面又有一张图片高度为62,DIV浮动为左对齐,那么DIV1就动被自动加宽,也不能把里面的内容居中
解决方法:把DIV高度设为和图片一样都为62,并且给图片再加个DIV指定固定的宽度。

3.DIV中的多个DIV不能对齐与居中(已把里面每个DIV的浮动设为左对齐)
解决方法:
DIV中每个DIV的高度和宽度必须一致否则不能对齐
外面的DIV宽度和高度必须等于或大于里面DIV和其边框的宽度之和(注:特别是要加上边框里的虚线或实线的宽度,左加右为宽,上下为高)

4.设置鼠标滑动效果的代码后鼠标滑动却没有效果,代码如下,原因是设置局域效果,去改全局效果是没有反映的
#menu a {color: #000000;text-decoration: none;}
a:hover {color: #FF0000;} //要这句有效必须去掉上面menu前的#号
原因可解释为局域变量设置了颜色值后,全局变量的颜色值就被覆盖了
解决方法一:把menu前的#号删掉让它们同为让它同为全局变量
解决方法二:在a:hover前加menu或menu li让它们同为局部变量

5.ul下li的中文字设为左对齐,编辑li规则,区块——文件对齐——左对齐

6.DIV和表格混用时,表格设置为居中还是显示左对齐
解决方法:删除如下代码即可,*{padding:0px; margin:0px;}

7.底部导航栏背景只有中间部分有(织梦模板生成的文件),在DM中打开生成的文件随便删除一些文字再预览就背景就有了,按ctrl+z还原还是再预览背景也正常
原因:用TM比较代码中有个</div>少了个“>”,通过DM删除一些文字再预览DM在保存时自动补全了少了的“>”,如果直接预览,没有保存这步操作还是