xfn 最近的时间轴更新 xfn 最近的时间轴更新 |
xfnV2EX 第 645501 号会员，加入于 2023-08-26 09:52:29 +08:00 |
| 前端大佬帮忙看一下这个关于 img 设置 max-width 后的行为问题 前端开发 • xfn • 45 天前 • 最后回复来自 xfn | 6 |
| 在京东技嘉旗舰店买了台 4090 组装机
1 硬件 • xfn • 190 天前 • 最后回复来自 xfn
|
9 |
xfn 最近回复了
35 天前 回复了 yangzair 创建的主题 › Notion › 喜报： Notion 无法保存，服务故障 |
这会儿整个打不开了
43 天前 回复了 movq 创建的主题 › 程序员 › mac 和 win 双持的开发，怎么解决 JetBrains IDE 的键位不一致的问题 |
https://kinto.sh/ 把 win 整个系统的快捷键改成和 mac 一样的风格
45 天前 回复了 xfn 创建的主题 › 前端开发 › 前端大佬帮忙看一下这个关于 img 设置 max-width 后的行为问题 |
@chnwillliu 先赞，感觉就是这个原因，具体规则再慢慢消化一下
45 天前 回复了 xfn 创建的主题 › 前端开发 › 前端大佬帮忙看一下这个关于 img 设置 max-width 后的行为问题 |
@chnwillliu 谢谢大佬，简化后直观多了。所以这是啥原因造成的呢？😂
46 天前 回复了 xfn 创建的主题 › 前端开发 › 前端大佬帮忙看一下这个关于 img 设置 max-width 后的行为问题 |
@snarkprayer 谢谢大佬提供思路。不过好像不是 overflow:clip 的原因,设为 hidden 后行为还是一样的。我把这个问题的示例简化了一下在这里 https://jsfiddle.net/o3dgjf0s/6/，只需要关注 item 这个 div 中的元素就行了。
```
<div class="root">
<div class="container">
<div class="item">
<img class="icon" />
<!-- <div class="icon"></div> -->
<span>Hello World !!!</span>
</div>
</div>
</div>
* {
border: 0px;
box-sizing: border-box;
margin: 0px;
padding: 0px;
}
.root {
display: flex;
justify-content: center;
}
.item {
border: 1px solid black;
display: flex;
align-items: center;
white-space: nowrap;
}
.icon {
background: green;
width: 16px;
height: 16px;
max-width: 100%;
flex-shrink: 0;
overflow: hidden;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px;
width: 50px;
}
```
```
<div class="root">
<div class="container">
<div class="item">
<img class="icon" />
<!-- <div class="icon"></div> -->
<span>Hello World !!!</span>
</div>
</div>
</div>
* {
border: 0px;
box-sizing: border-box;
margin: 0px;
padding: 0px;
}
.root {
display: flex;
justify-content: center;
}
.item {
border: 1px solid black;
display: flex;
align-items: center;
white-space: nowrap;
}
.icon {
background: green;
width: 16px;
height: 16px;
max-width: 100%;
flex-shrink: 0;
overflow: hidden;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px;
width: 50px;
}
```
98 天前 回复了 YLWIND 创建的主题 › 程序员 › 公司的 Google 是内网 ip |
应该是虚拟 IP ，类似于 Surge 的做法
101 天前 回复了 andyJado 创建的主题 › git › git，我爱你👩， submodule 全是 bug，这回丢大了。 |
可以看看 google 的 repo ，android 和 chromium 的源代码都是它管理的，每个项目都是由上百个的 git 仓库组成。我们自己的工程管理中也用得很顺
152 天前 回复了 nodejsexpress 创建的主题 › Windows › windows11 的 WSL 和 Vmware 是不是不兼容 |
vmware 在和 hyper-v 并存的情况下，本质上用的就是 hyper-v 的 hypervisor ，vmware 实际上就退化成了一个壳
190 天前 回复了 xfn 创建的主题 › 硬件 › 在京东技嘉旗舰店买了台 4090 组装机 |
@hatw 是的，看到新闻了，4090 应该还能卖，不过店铺好像都还没有上架
190 天前 回复了 xfn 创建的主题 › 硬件 › 在京东技嘉旗舰店买了台 4090 组装机 |
@Mrcocoa 一起 20999 。主要配置就是 i9-13900KF+Z790+4090
Select Language