-
- qq_捂着心脏说胃疼_0 2020-06-13
将文字放在before、after伪类即content中该如何实现文字的换行？
\A与white-space配合使用，例如
:after{ content: "返回\A顶部"; white-space: pre; }
- 0赞 · 0采集
-
- 前端薇薇 2018-01-25
- 注意:在：before,或：after中的content里面如果有文字需要换行显示，只需要在其内容部分加上\A即可。 ：after{ content:"文字\A部分"; }
-
截图0赞 · 0采集
-
- 于曼丽 2017-03-25
- <div class="toolbar"> <a href="#" class="item weixin"> <span class="layer"></span> </a> <a href="#" class="item feedback"></a> <a href="#" class="item app"> <span class="layer"></span> </a> <a href="#" class="item top"></a> </div>
- 0赞 · 0采集
-
- 于曼丽 2017-03-25
- $toolbar-size: 52px; .toolbar { position: fixed; left: 50%; bottom: 5px; margin-left: -$toolbar-size / 2; @at-root { .item { position: relative; display: block; margin-top: 1px; @include transition(all .5s); .layer { position: absolute; right: $toolbar-size - 6; bottom: -10px; display: block; @include transparent; @include transform-origin(95%, 95%); @include scale(0.01); @include transition(all .5s); } &:hover { .layer { @include opaque; @include scale(1); } } } .weixin { @include toolbar-sprite("weixin"); .layer { @include toolbar-sprite("layer-weixin"); } } .feedback { @include toolbar-sprite("feedback"); } .app { @include toolbar-sprite("app"); .layer { @include toolbar-sprite("layer-app"); } } } }
- 0赞 · 0采集
-
- zz77zz 2017-01-16
- white-space:pre; 在字体content:"APP\A下载" 实现换行
- 0赞 · 0采集
-
- 慕前端8300059 2016-11-07
- content的文字换行 通过添加在需换行文字处插入\A 以及 whitespace: pre
- 0赞 · 0采集
-
- 肉酱丶 2016-10-26
- 设置图标字体&:before和文字的样式&:after
-
截图0赞 · 0采集
-
- 肉酱丶 2016-10-26
- 文字样式&:after
-
截图0赞 · 0采集
-
- 肉酱丶 2016-10-26
- 图标样式&:before
-
截图0赞 · 0采集
-
- 肉酱丶 2016-10-26
- 公共样式toolbar-btn
-
截图0赞 · 0采集
-
- 肉酱丶 2016-10-26
- 二维码私有样式weixin和app
-
截图0赞 · 0采集
-
- 肉酱丶 2016-10-26
- 二维码公共样式toolbar-items下的&:after
-
截图0赞 · 0采集
-
- qq时光是记忆de橡皮檫 2016-09-14
- 使用伪类添加文本，文本换行content:"公众\A账号";white-space:pre; 通过在换行处加\A，和white-space:pre;达到
-
截图0赞 · 0采集
-
- 封子清风 2016-09-13
- content内换行\A公共样式加上white-space：pre;
-
截图0赞 · 2采集
-
- harukochan 2016-07-20
- 用:after实现二维码
-
截图0赞 · 0采集
-
- UFO2015 2015-12-10
- font-family
-
截图0赞 · 0采集
-
- 乱舞的旋律 2015-12-05
- content里面加上想换行地方\A 公共样式用white-space：pre
- 0赞 · 2采集
-
- 乖_摸摸头 2015-12-01
- .toolbar-layer{position:absolute; right:46px;bottom:-10px;width:172px;background-image: url(img/toolbar.png);background-repeat: no-repeat; opacity: 0;filter:alpha(opacity=0);transform:scale(0.01);transition:all 1s ease; transform-origin:95% 95%;}
- 0赞 · 0采集
-
- 乖_摸摸头 2015-12-01
- /*侧边导航样式*/ .toolbar{position:fixed;right:5%;bottom:5%;} .toolbar-item{position:relative;width:52px;height:52px;margin-top:1px;display: block;background-image: url(img/toolbar.png);background-repeat: no-repeat;transition:background-position 1s;} .toolbar-layer:hover{opacity: 1;transform: scale(1);} .toolbar-item-weixin{background-position: 0 -798px;} .toolbar-item-weixin .toolbar-layer{height:212px;background-position: 0 0;} .toolbar-item-weixin:hover{background-position: 0 -860px;} .toolbar-item-feedback{background-position: 0 -426px;} .toolbar-item-feedback:hover{background-position: 0 -488px;} .toolbar-item-app{background-position: 0 -550px;} .toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;} .toolbar-item-app:hover{background-position: 0 -612px;} .toolbar-item-top{background-position: 0 -674px;} .toolbar-item-top:hover{background-position: 0 -736px;}
- 0赞 · 0采集
-
- 乖_摸摸头 2015-12-01
- <!-- 侧边工具条的制作（HTML代码） --> <div class="toolbar"> <a href="javascript:;" class="toolbar-item toolbar-item-weixin"> <span class="toolbar-layer"></span> </a> <a href="javascript:;" class="toolbar-item toolbar-item-feedback"></a> <a href="javascript:;" class="toolbar-item toolbar-item-app"> <span class="toolbar-layer"></span> </a> <a href="javascript:;" class="toolbar-item toolbar-item-top"></a> </div>
- 0赞 · 0采集
-
- 笨笨花猫 2015-09-29
- 伪元素中文字换行， { content: "文字\A换行"; white-space: pre; }
- 0赞 · 0采集
-
- kongkx 2015-07-13
- 伪元素中文字换行， { content: "文字\A换行"; white-space: pre; }
- 0赞 · 1采集
-
- 幼儿园小班 2015-06-29
- &:after 在同级之后添加. 第一个属性是 content:""; 必须要. &:before 在下一级添加. 第一个属性是 content:""; 必须要.
- 0赞 · 1采集
数据加载中...