
css
文章平均质量分 51
分享css知识。
GMLGDJ
当你的才华还撑不起你的野心的时候,你就应该静下心来学习。当你的能力还驾驭不了你的目标的时候,你就应该沉下心来历练。问问自己,想要怎样的人生。
展开
-
解决vue-element-admin 组件Markdown 预览窗口太小问题
问题产生的原因:因为最初使用simplemde-markdown-editor作为markdown编辑器,但是该库很长时间没有更新和维护,并且还存在xss的风险。 因此,在v3.9.3 +版本之后,请使用 tui.editor 作为新编辑器。 接下来的所有文档都基于tui.editor它。原创 2022-09-09 10:29:22 · 1528 阅读 · 0 评论 -
CSS实现单行、多行文本溢出显示省略号(…)
属性说明 overflow: hidden; 溢出部分隐藏 white-space: nowrap; 规定段落中的文本不进行换行 text-overflow: ellipsis; 溢出显示省略号 display: -webkit-box; 将对象作为弹性伸缩盒子模型显示 -webkit-box-orient: vertical; 从上到下垂直排列子元素(设置伸缩盒子的子元素排列方式) -webkit-line-clamp:原创 2022-03-21 19:44:01 · 1302 阅读 · 0 评论 -
CSS background 所有属性详细说明
background组合使用 background所有属性及属性值详细解释 如:background-color background-image background-repeat background-attachment background-position background-size background-clip原创 2022-03-21 15:52:34 · 1317 阅读 · 0 评论 -
移动端和PC端响应式布局
只需要在需要响应式布局的页面添加下面的方法即可,在react或vue的脚手架中只需要在index.html文件中添加改方法就可以实现全局响应式布局了(因为react和vue都是单页面)function remSize() { // 获取移动设备的宽度 var deviceWidth = document.documentElement.clientWidth || window.innerWidth // 设置最大宽度 (需要限制宽度时添加) if (deviceWidth >原创 2022-03-21 14:38:28 · 3618 阅读 · 3 评论 -
CSS常见的居中方法
文本或行内元素居中对于文本或行内元素,只需要在父级(因为text-align是可继承的)或元素本身添加text-align: center;即可,如果需要垂直居中的话只需要给子元素设置与父元素height值相同的line-height即可.<div style="height: 40px; text-align: center; background-color: #ccc;"> <span style="line-height: 40px;">text text<原创 2022-03-21 14:23:50 · 3509 阅读 · 0 评论