随笔分类 -  css相关

flex布局overflow:auto滚动时候显示不全
摘要：如题，原因未知，解决办法，在display:flex上面一层再新增一个div。在div里面滚动 阅读全文
posted @ 2021-04-30 11:23 至善为止 阅读(1545) 评论(0) 推荐(0)
table里面的td和th设置不了宽度的解决办法
摘要：给table增加一个样式 table-layout: fixed; 就可以了 阅读全文
posted @ 2020-06-12 15:30 至善为止 阅读(2696) 评论(1) 推荐(1)
利用flex布局布置元素居中
摘要：.parent-box{ /*弹性盒模型*/ display:flex; /*主轴居中对齐*/ justify-content: center; /*侧轴居中对齐*/ align-items: center; } 阅读全文
posted @ 2020-04-24 17:40 至善为止 阅读(2819) 评论(0) 推荐(0)
为何使用了vertical-align:middle却不垂直居中
摘要：之前一直以为要使元素b在元素a里面垂直居中，只需要设置元素b:vertical:middle以及display:inline-block,就行了。但是实时是很多时候。都没变化。 这是因为虽然让元素b设置了属性vertiacl:middle,但是元素b并没有参照物。没有基线对照。所以是不会变化的。这个 阅读全文
posted @ 2020-04-24 17:37 至善为止 阅读(2075) 评论(0) 推荐(0)
解决鼠标快速移动的时候，跟随鼠标移动的元素会脱落。
摘要：今天在用jq做的元素跟随鼠标移动的时候，发现当鼠标快速移动的时候，元素会脱落。 以下是代码 $('.notes-num-tips').mousedown(function(e){ var dx = e.offsetX; var dy = e.offsetY; console.log(e); $(do 阅读全文
posted @ 2020-04-21 15:55 至善为止 阅读(759) 评论(0) 推荐(0)
css属性选择器，[]，=， ~=， ^=， ~=， $=， |=等符号含义
摘要：p[attribute1][attribute2]{ /* [] 属性选择器，表示具有某种属性的所有元素，多个参数表示同时具有多个属性，class也可以作为一个属性筛选 */}a[href="http://www.123.com"]{ /* =具有某个属性，且属性值等于指定值的所有元素 */}div 阅读全文
posted @ 2020-03-18 15:51 至善为止 阅读(739) 评论(0) 推荐(0)

Copyright ©2017 至善为止（如切如磋，如琢如磨）