![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
New个对象.
发际线和我作对
展开
-
原生button按钮css去掉默认样式
【代码】原生button按钮css去掉默认样式。原创 2023-08-31 15:32:38 · 481 阅读 · 0 评论 -
文字、字母以及数字的换行不换行问题总结
文字、字母以及数字的换行不换行问题总结实现页面的文字、字母的展示效果的时候,相信大家都会遇到过一些这样的要求:“文字不能换行,要强制文字一行展示”或者是“字母不会自动换行,需要实现可以自动换行断句”等等诸如此类的要求,现在就这个文字、字母换不换行的问题,说说这三个css属性的巧妙运用:white-space、word-wrap、word-break首先,先来看下这三个属性在W3C上给出的释义:(具体这三个属性各自有哪些属性值需要大家查找下W3c这里就不再赘述了)(1)white-space:属性设置原创 2021-11-23 09:58:21 · 891 阅读 · 0 评论 -
纯CSS绘制三角形(各种角度)
CSS三角形绘制方法,学会了这个,其它的也就简单。我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。今天给大家带来 CSS 三角形绘制方法代码如下:#triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-righ原创 2021-09-29 09:44:17 · 209 阅读 · 0 评论 -
css实现文字两端对齐
css实现文字两端对齐css实现文字两端对齐,如下效果:文字两端对齐仅仅使用使用text-algin:justify 无法实现预期效果,这里我们借用伪类(::after)来实现文字的两端对齐。下面展示一些 内联代码片。<style> .container>li{ margin:0.5rem auto; width:4rem; height: 0.5rem; line-height: 0.5rem; border:1px solid #原创 2021-08-14 20:20:00 · 445 阅读 · 0 评论 -
移动端一像素边框的问题
移动端一像素边框的问题.row { position: relative; &:after{ content: ""; position: absolute; left: 0; top: 0; width: 200%; border-bottom:1px solid #e6e6e6; color: red; height: 200%; -webkit-transform-origin: left top; tr原创 2021-08-10 16:15:16 · 52 阅读 · 0 评论 -
实现单行、多行文本溢出显示省略号
多行文本溢出显示省略号overflow:hidden; text-overflow:ellipsis; display:-webkit-box; // 将对象作为弹性伸缩盒子模型显示/* autoprefixer: off */ -webkit-box-orient:vertical; //设置或检索伸缩盒对象的子元素的排列方式/* autoprefixer: on */ -webkit-line-clamp:2; //用来限制在一个块元素显示的文本的行数webpack打包后-webk原创 2021-08-10 16:44:22 · 323 阅读 · 0 评论