随笔分类 -  html/css

两端固定高度,中间自适应,中间部分可以滚动
摘要:中间部分高度自适应,可以滚动:使用css <view class="box"> <top-bar class="box-head"></top-bar> <scroll-view class="box-scroll"></scroll-view> <bottom-bar class="box-bot 阅读全文
posted @ 2023-02-28 20:34 阿术阿术 阅读(103) 评论(0) 推荐(0)
显示两行文字,超出显示省略号 css
摘要:1 width: 100px; 2 background-color: pink; //一下内容为设置文字换行 及 只显示两行,超出显示省略号 3 text-overflow: -o-ellipsis-lastline; 4 overflow: hidden; 5 text-overflow: el 阅读全文
posted @ 2022-11-05 15:56 阿术阿术 阅读(259) 评论(0) 推荐(0)
超出隐藏三剑客,强制不还行,css
摘要:white-space: nowrap; overflow: scroll; 阅读全文
posted @ 2022-10-14 14:01 阿术阿术 阅读(28) 评论(0) 推荐(0)
类名推荐组合规则
摘要:类名组合规则: 常见class关键词: 布局类:header, footer, container, main, content, aside, page, section 包裹类:wrap, inner 区块类:region, block, box 结构类:hd, bd, ft, top, bot 阅读全文
posted @ 2022-10-14 13:53 阿术阿术 阅读(130) 评论(0) 推荐(0)
css属性
摘要:透明度opacity:0~1;基线对齐 .box1 { display: inline-block; width: 100px; height: 100px; background-color: red; color: white; //此处为基线对齐方式 vertical-align: top; 阅读全文
posted @ 2022-09-08 18:46 阿术阿术 阅读(31) 评论(0) 推荐(0)