随笔分类 -  [Web] html / css

摘要:效果预览 HTML <div class="l-custom-input"> <input size="large" id="l-input" /> <label for="l-input">Title</label> </div> css .l-custom-input{ position: re 阅读全文
posted @ 2020-04-07 14:16 remly 阅读(2079) 评论(1) 推荐(0)
摘要:描述: 如图 实现: 注意点/QA: 1.图片需要指定width和height,不然会被拉伸 2.card-body是用flex布局,元素会从头向后排列,因此按钮会紧挨在内容后面,如下图所示。想要Delete按钮单独靠右,如何解决? [ 解决方案 ] :添加 ml-auto 类。 3.还是card- 阅读全文
posted @ 2019-12-29 16:07 remly 阅读(2013) 评论(0) 推荐(0)
摘要:问题描述: 从效果图看到,图片内容占据了padding的范围,怎么解决呢? html代码 效果 解决方案: 去掉嵌套row,效果参考bootstrap文档 全局CSS样式 -> 栅格系统 -> 列偏移 阅读全文
posted @ 2019-12-08 11:38 remly 阅读(452) 评论(0) 推荐(0)