常用css样式问题

本文讨论了前端页面布局调整策略,包括通过设置div的min-height、height和overflow属性来解决数据行数变动引起的div高度变化问题,以及如何高效进行数据测试,避免手动添加大量数据导致的时间浪费。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.数据测试
  做项目中,通常会遇到需要添加大量数据作测试的情况,而大量的数据,重复一条一条的添加,势必浪费大量宝贵的时间。
  解决办法:
    a.数据采集;
    b.从数据库中导出相似的记录,复制n遍之后,稍作修改,在数据库中直接运行sql的insert语句;
   

2.关于页面标准化的问题
  目前发现前端的页面除了有部分变形之外,还存在如下问题:
    a.当数据行数不够时,div高度自动缩减:添加min-height属性;
    b.当数据行数过多时,div高度制动增加:设定height和overflow属性;

    说明:max-height和height共同使用的时候,max-height将无效;(min-height类似)
             max-height仅在没有height属性的时候生效;(min-height类似)
             max-height的高度会随着内容的增加而自动增加;


    c.当数据字符超出div或者li的宽度时,数据自动换行到下一行导致重叠:使用line-height和overflow:hidden共同控制;

转载于:https://my.oschina.net/u/1771585/blog/634893

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值