music.163.com![[大金牙]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_53.3e59e29.png)
懒羊洋
前端
获得徽章 11
赞了这篇沸点
请举例说明你常用的css技巧有哪些？
"以下是我常用的一些 CSS 技巧的示例：
1. 盒模型调整：使用 `box-sizing: border-box;` 可以更方便地控制盒模型的尺寸。
```css
.box {
box-sizing: border-box;
width: 200px;
padding: 10px;
border: 1px solid black;
}
```
2. 文本截断：使用 `text-overflow: ellipsis;` 和 `white-space: nowrap;` 可以实现文本溢出时的省略号显示。
```css
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
```
3. 清除浮动：使用 `clearfix` 类可以清除浮动，防止父容器塌陷。
```css
.clearfix::after {
content: \"\";
display: table;
clear: both;
}
```
4. 水平垂直居中：使用 `flexbox` 可以轻松实现元素的水平垂直居中。
```css
.container {
display: flex;
justify-content: center;
align-items: center;
}
```
5. 响应式布局：使用媒体查询可以根据不同屏幕大小应用不同的样式，实现响应式布局。
```css
@media screen and (max-width: 768px) {
.container {
flex-direction: column;
}
}
```
6. 动画效果：使用 `@keyframes` 和 `animation` 属性可以创建各种动画效果。
```css
@keyframes slide-in {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.box {
animation: slide-in 1s ease-in-out;
}
"以下是我常用的一些 CSS 技巧的示例：
1. 盒模型调整：使用 `box-sizing: border-box;` 可以更方便地控制盒模型的尺寸。
```css
.box {
box-sizing: border-box;
width: 200px;
padding: 10px;
border: 1px solid black;
}
```
2. 文本截断：使用 `text-overflow: ellipsis;` 和 `white-space: nowrap;` 可以实现文本溢出时的省略号显示。
```css
.text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
```
3. 清除浮动：使用 `clearfix` 类可以清除浮动，防止父容器塌陷。
```css
.clearfix::after {
content: \"\";
display: table;
clear: both;
}
```
4. 水平垂直居中：使用 `flexbox` 可以轻松实现元素的水平垂直居中。
```css
.container {
display: flex;
justify-content: center;
align-items: center;
}
```
5. 响应式布局：使用媒体查询可以根据不同屏幕大小应用不同的样式，实现响应式布局。
```css
@media screen and (max-width: 768px) {
.container {
flex-direction: column;
}
}
```
6. 动画效果：使用 `@keyframes` 和 `animation` 属性可以创建各种动画效果。
```css
@keyframes slide-in {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.box {
animation: slide-in 1s ease-in-out;
}
展开
1
4
赞了这篇沸点
《我是一个可大可小的人》。诗是这么说的：
我不是个童话里的人物，
可是我都莫名其妙：
我这个人忽然可以很大，
忽然又会变得很小。
妈妈爸爸上普陀山去玩。
我说：“带我去好不好？”
他们异口同声回答我说：
“你不能去，
你还太小！”
妈妈到了临出门的时候，
嘱咐我个没完没了：
“你在家里要听姥姥的话，
你这个人已经不小！”
爸爸回过头来，看了看我，
得意扬扬，背上背包：
“不错，你都已经很大，
在家应该帮助姥姥！”
请大家看，事情就是这样，
说变就变，实在太妙：
我这个人忽然可以很大，
忽然可以非常之小。
小时候确实有这种经历，有时说你还小，有时又说你不小了喔，真让人矛盾，小时候就觉得大人的世界好难懂喔
![[红脸]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_63.c32f5b5.png)
展开
4
11
赞了这篇沸点
赞了这篇沸点
赞了这篇沸点
#看见“她”力量#
我的英雄，是妈妈
妈妈自从去年查出乳腺癌以后，一直在很坚强地用病魔抗争。化疗四期，她乌黑亮丽的长发一把把地掉。每期白细胞掉到0.几，打完升白针她就会头晕目眩非常难受。我承认我是个没用的孩子，我只能不停地给家里买东西打电话打钱，并没有条件一直陪在她身边。我见过她脆弱和无助的时刻，但是如果换我我只会更崩溃。或者说我在知道她病情的那一刻就不行了。
你们懂那种破大防的时刻吗？就妈打电话来说：儿啊，我可能得癌症了，妈的账户密码发你微信了，以后妈不能再帮你了 那一瞬间就和被人套麻袋打了一样脑子全是咣当的
她治疗的时候是个很听话的病人，坚持遵循医嘱进行复健和食疗，也积极地调节自己的心态。虽然有时候觉得她的某些行为很诡异，但是她努力向生的执行力和决心真的很强。
好在春天来了，我妈也坚强地挺过来了，现在我陪着她在上海放疗。老太太每天都要出去玩，走得很慢但是依旧坚持每天散步。每次看到她热爱生活的样子我都好感动
图是送给我妈的花，明天再给她买一束。希望我妈赶快好起来，早点去完成她环游世界的梦想
我的英雄，是妈妈
妈妈自从去年查出乳腺癌以后，一直在很坚强地用病魔抗争。化疗四期，她乌黑亮丽的长发一把把地掉。每期白细胞掉到0.几，打完升白针她就会头晕目眩非常难受。我承认我是个没用的孩子，我只能不停地给家里买东西打电话打钱，并没有条件一直陪在她身边。我见过她脆弱和无助的时刻，但是如果换我我只会更崩溃。或者说我在知道她病情的那一刻就不行了。
你们懂那种破大防的时刻吗？就妈打电话来说：儿啊，我可能得癌症了，妈的账户密码发你微信了，以后妈不能再帮你了 那一瞬间就和被人套麻袋打了一样脑子全是咣当的
她治疗的时候是个很听话的病人，坚持遵循医嘱进行复健和食疗，也积极地调节自己的心态。虽然有时候觉得她的某些行为很诡异，但是她努力向生的执行力和决心真的很强。
好在春天来了，我妈也坚强地挺过来了，现在我陪着她在上海放疗。老太太每天都要出去玩，走得很慢但是依旧坚持每天散步。每次看到她热爱生活的样子我都好感动
图是送给我妈的花，明天再给她买一束。希望我妈赶快好起来，早点去完成她环游世界的梦想
展开
50
96
赞了这篇沸点
#漂流图书馆#
今天继续学习，如何在“分歧”中寻找“共识”？
当别人拒绝你的某项提议时，你首先需要对其背后的原因表现出兴趣，态度要尽可能诚恳。你可以问‘您为什么不同意呢？’，然后认真倾听他的回答。
当他向我们解释自己拒绝的原因时，他会一条一条地指出在哪些情况下他有可能做出让步。他为我们指明了入口，我们可以从这些入口进入，最终获得他的同意。然后，我们可以结合他所说的原因，提出一个解决办法。有了这些，他才会同我们达成协议，因为他从中看到自己有利可图。
更糟糕的是，有时候还没等我们张口问，对方就主动把他拒绝的理由告诉你了，但是我们往往不会听。我们只顾着找到对方论据中的漏洞，然后加以攻击。有价值的信息就在那里，而我们却视而不见。
我们总是乐于向别人解释为什么他们是错的，但其实我们最应该做的恰恰是表现出对别人观点有兴趣，这也符合我们自己的利益。
道理很简单，但是运用很困难。
所以，我们需要学会将‘不是的，因为……’换成‘是的，为什么？’，将武力对抗换成智力较量。一个诚恳的‘为什么’拥有无穷的力量！
今天继续学习，如何在“分歧”中寻找“共识”？
当别人拒绝你的某项提议时，你首先需要对其背后的原因表现出兴趣，态度要尽可能诚恳。你可以问‘您为什么不同意呢？’，然后认真倾听他的回答。
当他向我们解释自己拒绝的原因时，他会一条一条地指出在哪些情况下他有可能做出让步。他为我们指明了入口，我们可以从这些入口进入，最终获得他的同意。然后，我们可以结合他所说的原因，提出一个解决办法。有了这些，他才会同我们达成协议，因为他从中看到自己有利可图。
更糟糕的是，有时候还没等我们张口问，对方就主动把他拒绝的理由告诉你了，但是我们往往不会听。我们只顾着找到对方论据中的漏洞，然后加以攻击。有价值的信息就在那里，而我们却视而不见。
我们总是乐于向别人解释为什么他们是错的，但其实我们最应该做的恰恰是表现出对别人观点有兴趣，这也符合我们自己的利益。
道理很简单，但是运用很困难。
所以，我们需要学会将‘不是的，因为……’换成‘是的，为什么？’，将武力对抗换成智力较量。一个诚恳的‘为什么’拥有无穷的力量！
展开
17
24
赞了这篇文章
赞了这篇沸点
赞了这篇沸点