CSS问题的总结

1.用div布局在火狐浏览器布局中的问题? 
  body{text-align:center;}
  div{margin:auto;}

2.关于背景图片不不显示问题的总结
  a.路径错误
  b.未设置宽或者高度
  c.用于<span>标签中(加上dispaly:block或div_all{overflow:auto;}
      div_nei{float:left;} div_all 在div_nei的外面)
  d.图片格式问题 ie6不完全支持png格式(更改了后缀名可能也不行)
  e.图片可能损坏
3.样式设计经验总结
  a.再最外层框架设置固定高度和宽度,其他框架不要设置,元素设置高度
  b.在最外层框架设置 Margin属性,不要设置padding
  c.padding应尽量靠近元素
  d.在最外层的每一个框架(div)加上padding:0px;
4.用样式截断字符串 word-wrap:break-word 可用于以下情况
  a.数据绑定时显示 固定的长度
  b.设定td的宽度,然后设置此属性让td显示固定长度
5.div之间的缝隙问题解决办法
  div里存在图片的话,两个div之间就会有缝隙,解决的办法就是在div样式里加上font-size:0px;
6.ul li制作菜单
  ul li默认的是树形显示,要让他左右显示并去掉.方法是 ul{list-style:none;}li{float:left}
7.框架页面只显示垂直滚动条,不显示水平滚动条
  在框架里<frame src="Left.aspx" scrolling="auto" noresize="noresize" />
  在left。aspx里 html, body {padding: 0;overflow-x: hidden;overflow-y:auto;}
8.火狐里面设置margin-top 没效果的问题(原因很复杂,情况很多)
  a.<div style="float:left;">float:left</div>
    <div style="clear:both;"></div>(加上此句)
    <div style=" margin-top:14px; background:#039;">clear:both; margin-top:14px;</div>
  b.<div style="float:left;">float:left</div>
    <div style="dispaly:inline-block; margin-top:14px; background:#039;">clear:both; margin-top:14px;</div>
  只是其中的两种办法
9.div里的tabel 在火狐里不能局中的问题
  由于text-align 是让文字居中,所以在div加上他并不能让tabel居中
  style="margin:0 auto;" 在tabel 的样式里设置样式
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值