摘要: first-child 和last-child是伪类选择器,选择第一个和选择最后一个子元素 现在实现下面的效果 <div class="menuico"><span></span><span></span><span></span></div> .menuico span { display: bl 阅读全文
posted @ 2022-07-01 23:43 唯一客服系统开发笔记 阅读(108) 评论(0) 推荐(0) 编辑
摘要: display:table-cell;会使元素表现的类似一个表格中的单元格td,利用这个特性可以实现文字的垂直居中效果 设置了display:cell;后,vertical-align:middle使文字内容垂直居中 例如以下用法 height: 100px; display: table-cell 阅读全文
posted @ 2022-07-01 23:30 唯一客服系统开发笔记 阅读(271) 评论(0) 推荐(0) 编辑
摘要: display:flex实现内容水平垂直居中展示 需要增加下面两点就能实现 首先父级元素必须有高度,没有高度就无法垂直居中,如果想全屏垂直居中,可以设置高度为100vh 比如body设置为这样 body{ display: flex; justify-content: center; align-i 阅读全文
posted @ 2022-07-01 16:12 唯一客服系统开发笔记 阅读(486) 评论(0) 推荐(0) 编辑
摘要: 想要实现竖向排列文字,设置间距 只需要下面两个属性 writing-mode: vertical-rl;//从右往左排 vertical-lr是从左往右排 letter-spacing: 18px;//设置间距 实现效果 阅读全文
posted @ 2022-07-01 16:00 唯一客服系统开发笔记 阅读(879) 评论(0) 推荐(0) 编辑