随笔分类 -  html

摘要:Bootstrap框架提供了一套响应式、移动设备的流式栅格系统,该系统通过行(row)与列(column)的组合来创建页面布局。大意为把整体分为固定多少格显示。 对于移动端显示布局,需要引入一个meta标签 /* 引入移动端窗口数据标签,则user-scalable=no是设置窗口是否可缩放 */ 阅读全文
posted @ 2019-11-18 14:56 renhaooh 阅读(574) 评论(0) 推荐(0)
摘要:Label标签添加for属性,该属性设置所属Checkbox标签的id值。 则可绑定,把复选框移至不可见处,设置标签内容点击复选框。 <label id="point" for="check">❔</label> <input id="check" type="checkbox" /> 阅读全文
posted @ 2019-10-15 13:34 renhaooh 阅读(2397) 评论(0) 推荐(0)
摘要:场景1,已设定父元素高度,子元素是行内元素,则实现是由其内容高度(line-height)撑开的 场景2,子元素是块级元素且没有设定高度(未知子元素高度) 场景3,子元素是块级元素,已设定高度(已知子元素高度) (还可采用flex方法) 阅读全文
posted @ 2018-12-03 11:08 renhaooh 阅读(133) 评论(0) 推荐(0)
摘要:要使多个块级元素并行显示,可使用float或者inline-block进行处理 使用inline-block会出现元素之间的间隙 如图: *间隙是由换行或者回车导致的,所以将标签代码都写同一行即可解决。不过这个方法不靠谱,因为space是由换行或回车所产生空白符所致,所以在其父元素设置font-si 阅读全文
posted @ 2018-11-27 14:04 renhaooh 阅读(281) 评论(0) 推荐(0)