前端资源网 - w3h5利用css实现单行文本文字两端对齐
2Deshun 发布于 6年前 (2018-12-30) 4620℃ 评论(0) 赞 (1)
日常使用中我们可以用 text-align: justify; 实现文本两端对齐效果。但是该属性有一个问题，不支持单行文本的两端对齐，只有达到2行或者以上才会有效。所以需要采用下面两种方法实现单行文本两端对齐效果：利用伪类 :after 实现：给元素添加伪类...
Tag "css" 相关话题
CSS遮罩应用：带有不规则三角的气泡
2Deshun 发布于 6年前 (2018-11-21) 3602℃ 评论(0) 赞 (0)
一般网站应用中都会应用到三角形，正三角形的写法也有很多，网上一搜一大把。今天我看到一个带有不规则三角形气泡的写法，效果如下：左边部分的矩形比较好实现，通过设置宽高可圆角就可以，但是右边的不规则三角不好用代码实现了。在这里我们用到一个 CSS 的 遮罩属性（CSS Masks）：-...
央视著名主持人李咏去世，其百度百科词条变灰是如何实现的？
3Deshun 发布于 6年前 (2018-10-29) 2832℃ 评论(0) 赞 (1)
李咏是央视著名主持人，他主持过的节目陪伴着无数人度过了美好的童年。但不幸的是，在10月29日上午9时许，李咏的妻子哈文在微博上发文称李咏去世的消息“在美国，经过17个月的抗癌治疗，2018年10月25日凌晨5点20分，永失我爱……”，一时间轰炸整个微博，明星大V以及网友们都为李咏...
JavaScript与jQuery获取元素的宽、高和位置
2Deshun 发布于 6年前 (2018-10-11) 4746℃ 评论(0) 赞 (0)
今天汇总整理了 JavaScript 和 jQuery 获取元素宽高和位置的方法，比较全面，方便自己和需要并搜到此文章的朋友们查看。先贴一下基础代码：<head> <style> ...
原生JavaScript获取元素的margin外边距
1Deshun 发布于 6年前 (2018-10-11) 15950℃ 评论(0) 赞 (5)
最近想找一个可以获取元素高度（包括外边距margin）的方法，原生JS的实现方法一直没有找到，不过有一个方法可以获取元素的边距，记录一下：语法是（获取元素的属性值）：getComputedStyle(element[,pseudo])该语法一般有两种用法：document.def...
HTML设定页面可滚定 背景图片固定
Deshun 发布于 6年前 (2018-10-10) 8614℃ 评论(0) 赞 (10)
有时项目中会遇到背景图固定，页面内容可以滚动，背景不随页面滚动而滚动。就像QQ空间、微博设置自定义背景图的固定选项。其实很容易实现，利用 background-attachment:fixed; 就能实现，代码如下：body{ background: url("bg.png"); &...
input placeholder属性的样式修改
Deshun 发布于 6年前 (2018-10-08) 15147℃ 评论(0) 赞 (11)
有时需要修改placeholder的文字颜色，需要用使用 input::-webkit-input-placeholder 选中，然后进行样式设置input::-webkit-input-placeholder { /* placeholder颜色 */ &nb...
table表格的td设置百分比宽度不管用的原因及解决方法
3Deshun 发布于 6年前 (2018-08-22) 13138℃ 评论(0) 赞 (9)
今天网站样式需要改版，之前是用的 table 布局，其中有一个地方 td 需要设置百分比，但是怎么都不生效。最后找到原因：之前给 table 设置了的 display: block; 会导致这种情况。解决方法：把给 table 设置了的&n...
overflow的一些小细节笔记
3Deshun 发布于 6年前 (2018-08-01) 3195℃ 评论(0) 赞 (0)
最近在项目中遇到一个问题，同事在IE浏览器下测试时出现底部大块空白的问题。如下图：我反复测试，问题并没有重现，最后发现是Windows7系统下的IE浏览器会出现此问题。经过反复检查，发现在reset文件里面的一行代码的问题，把其中的 overflow-y:scroll; over...
一个导航栏tab切换的方法 siblings()
1Deshun 发布于 6年前 (2018-07-25) 3684℃ 评论(0) 赞 (0)
项目中经常会用到 tab 切换功能，有的还会有一个 更多 按钮，我们可以用下面这个方法实现一个多功能的 tab 切换。效果图：不好看，请见谅。HTML：<div class="box"> ...