css
ninthwind
一个不断精进技术的前端开发
展开
-
关于解决table标签内单元格出现边框重叠问题
在写一个表格的时候,经常出现一个单元格内可能会需要图片和文本水平垂直居中对齐。而比较方便的设置就是直接display:flex走起。但这样一来会导致单元格出现边距重叠问题。如图所示代码如下:`table{ border: 1px solid red; border-collapse: collapse; width: 500px;height: 500px; }.fl{display: flex;justify-con原创 2020-08-10 15:49:52 · 2464 阅读 · 0 评论 -
css各种情况下水平垂直居中的解决方案
情况1 对多行文本的水平垂直居中第一种解决方案为:父元素设置{display:table-cell,vertical-align:middle,text-align:center}这里值得注意的是:子元素如果是个块级元素内含文本,要小心内部文本只会继承text-align属性。原因是vertical-align不具备继承性,text-align有继承性。综上:该方法子元素,为块级元素,仅仅生效vertical-align,即垂直居中。为display:inline,display:i原创 2020-07-29 15:17:08 · 158 阅读 · 0 评论 -
css选择器权重问题
转自:https://www.cnblogs.com/dq-Leung/p/4213375.html1、选择器类型1、ID #id2、class .class3、标签 p4、通用 *5、属性 [type=“text”]6、伪类 :hover7、伪元素 ::first-line8、子选择器、相邻选择器2、权重计算规则第一等:代表内联样式,如: style=””,权...转载 2019-04-24 04:42:27 · 111 阅读 · 0 评论 -
css实现圆形,三角形
圆形:<style> #cir{ width:5px; height:5px; background-color: blue; border-radius:200px; -webkit-border-radius:200px; -moz-border-radius:200px; } </style>三角形:#cir{ width:0; height:0; border...原创 2019-04-24 05:37:07 · 278 阅读 · 0 评论 -
css.exe:星星评分
实现一个星星评分功能,需要先有星星,然后当鼠标移动到那里时,点亮星星,以下是用css实现一个5角星#aa { position: relative; display: block; width: 0px; height: 0px; border-right: 100px solid transparent; border-bottom: 70px solid red; ...原创 2019-04-24 15:51:42 · 282 阅读 · 0 评论