- 博客(4)
- 收藏
- 关注
原创 CSS修改html单选框radio样式
html单选框默认样式比较单一,结合网上相关内容在此做个关于修改radio样式的记录。html结构如下:<input type="radio" name="zoom" id="zoom1" value="enlarge" checked /><label for="zoom1">放大</label><input type="radio" name="zoom" id="zoom2" value-"narrow" /><label for="zo
2020-07-19 17:21:03 2178
原创 CSS实现侧边栏固定宽度,内容栏填满剩余宽度
以左边侧边栏宽度固定,右边内容栏填满剩余宽度为示范:整个容器设置相对定位。左边侧边栏设置绝对定位,以父元素为基准进行定位,并固定宽度;右边内容栏宽度设置为100%,设置外边距margin-left为侧边栏的宽度,因为绝对定位的元素完全脱标,不占原来位置,故内容栏是以浏览器左边框为基准偏移。但是内容栏宽度100%且里边的内容超过宽度时会出现横向滚动条,设置了overflow:hidden之后滚动条消失,而超出浏览器宽度部分的内容不会显示。为了解决显示不完全问题,将父容器设置为弹性布局:display:fl
2020-07-13 00:50:32 1907
原创 小程序实现卡片式列表
最近写的小程序频繁地用到卡片式列表,包括文章列表、任务列表等,卡片中包含了图片、标题、内容描述、时间等内容,通常点击卡片跳转到对应详情页面。一般是用wx:for来进行循环,结构比较清晰,但是样式写得我有点头疼。本来是有个vant框架的vant-card可以用的,但是vant-card组件不是很灵活,自己也暂时研究不明白,就只能先自己手写了。先上代码:<!-- html --><view class="cards" wx:for="{{items}}" wx:for-item="ite
2020-06-11 00:28:08 7063
原创 CSS fixed布局下页面滑动问题
position设置为fixed后,页面不会出现滚动条,无法滑动。通过将top和bottom设置为0,解决问题: { position: fixed; top: 0; botton: 0; overflow: scroll; }
2020-06-06 23:15:07 1834 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人