V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX  ›  rabbbit  ›  全部回复第 91 页 / 共 120 页
回复总数  2397
1 ... 87  88  89  90  91  92  93  94  95  96 ... 120  
2018-12-01 18:26:38 +08:00
回复了 yoler 创建的主题 职场话题 今天有在加班的举个爪 为什么我这么辛苦还是过不好这一生
至少还有个工作不是
2018-11-30 20:30:19 +08:00
回复了 hyousan 创建的主题 问与答 想学做饭 是报班好还是网上学还是?
王刚教你开饭店 https://space.bilibili.com/290526283
小高姐光面爱好者 https://space.bilibili.com/216156027
2018-11-30 18:36:41 +08:00
回复了 fkue587 创建的主题 优惠信息 湖南移动校园流量王套餐上线: 39 元/月 含 100G 流量
挺好的,基本够用了
以前学校里有线宽带坑的要死
联通电信半年都是 200 多
联通不能用路由器,得用客户端登录, 4M 卡的要死
电信限半年 200G(没错,平局一个月只有 50G 的流量,还是有线的)
现在不知道啥样了
2018-11-29 20:02:32 +08:00
回复了 gtskk 创建的主题 问与答 俄罗斯汉语考试题有些我居然不会
要是在 SCP 2025 里的数的话论个也没毛病
2018-11-29 19:54:15 +08:00
回复了 VDimos 创建的主题 程序员 这个 bug 真的是不容易找
经常能遇见这种莫名其妙的 bug
比如安装包导致别的包没了。啥都没动第二天再启动却报错,只能把整个 node modules 删了重装
2018-11-28 23:05:57 +08:00
回复了 Luckyray 创建的主题 前端开发 求助! Vue 的动画真是写的我头疼...
v-leave v-enter 控制的是元素显示 隐藏时的动画
其他动画可以由控制 class 来完成
不会,估计还多了 暂时死区 词法环境 执行上下文 领域 ...
2018-11-28 00:12:36 +08:00
回复了 Vegetables 创建的主题 算法 如何在 数组 [0, 1, 2, 3, ..., n] 中选取 m 个不相邻的整数?
2018-11-27 15:13:53 +08:00
回复了 a1428265354 创建的主题 求职 上海现在有这么难找工作吗 高中就真的找不到了吗
一般没毕业才能投实习.
现在都不好找工作,一本的没工作经验也没人理
2018-11-27 14:18:20 +08:00
回复了 CoderOnePolo 创建的主题 推广 五分钟学会一个有意思的排序:计数排序
哪 -> 拿
2018-11-27 14:16:48 +08:00
回复了 CoderOnePolo 创建的主题 推广 五分钟学会一个有意思的排序:计数排序
这个动画不错,哪啥做的
2018-11-27 13:12:08 +08:00
回复了 des 创建的主题 Node.js npm 后门仓库被发现
2018-11-27 12:38:50 +08:00
回复了 saran 创建的主题 问与答 如何把闲置的旧手机改造成监控器呐?
加个锥子,发现有贼自动戳破电池引发爆炸?
2018-11-27 11:56:47 +08:00
回复了 itingyuji 创建的主题 求职 辞职走佬,求大佬带
2018-11-27 11:55:38 +08:00
回复了 itingyuji 创建的主题 求职 辞职走佬,求大佬带
@blackshow
1 形成新的 bfc
block 元素高度计算不包括 float 子元素

具体见 CSS2.1 10.6.3
Only children in the normal flow are taken into account (i.e., floating boxes and absolutely positioned boxes are ignored, and relatively positioned boxes are considered without their offset).
只考虑常规流中的子级(即,浮动盒和绝对定位的盒会被忽略,并且相对定位的盒不考虑其偏移)

添加 overflow: hidden 后,会创建一个新的 block formatting context(块格式化上下文)

具体见 CSS2.1 9.4
Floats, absolutely positioned elements, block containers (such as inline-blocks, table-cells, and table-captions) that are not block boxes, and block boxes with 'overflow' other than 'visible' (except when that value has been propagated to the viewport) establish new block formatting contexts for their contents.
浮动,绝对定位的元素,非块盒的块容器(例如 inline-blocks,table-cells 和 table-captions ),以及’ overflow ’不为’ visible ’的块盒(当该值已被传播到视口时除外( except when that value has been propagated to the viewport ))会为其内容建立新的块格式化上下文

而块级上下文高度包括 float 子元素
具体见 CSS2.1 10.6.7
In addition, if the element has any floating descendants whose bottom margin edge is below the element's bottom content edge, then the height is increased to include those edges.
此外,如果该元素含有任意下外边距边界位于元素的内容下边界下方的的浮动后代,那么高度增加至能够包含这些边界。

2 相对于父元素 width 计算

见 CSS2.1 8.4
The percentage is calculated with respect to the width of the generated box's containing block, even for 'padding-top' and 'padding-bottom'.
百分比根据生成盒的包含块的 width 来计算,即使是'padding-top'和'padding-bottom'。
CSS 8.3
The percentage is calculated with respect to the width of the generated box's containing block. Note that this is true for 'margin-top' and 'margin-bottom' as well.
百分比根据生成盒的包含块的 width 来计算。注意,这一点对于'margin-top'和'margin-bottom'也适用。

3
都相对于 font-size 计算
对于元素自身来说没区别,但对于内部的子元素有区别
数值直接被继承,1 就是 1.百分比值继承的是百分比*font-size 计算后的结果

具体见 CSS2.1 10.8.1
<number>
The specified length is used in the calculation of the line box height.
该属性的应用值为这个数字乘以该元素的字体大小。
<percentage>
The used value of the property is this number multiplied by the element's font size.
该属性的计算值为这个百分比乘以该元素的字体大小的计算值。

4
inline 元素默认对齐基线,也就是 vertical-align: baseline
而 inline-block 里没内容时对齐元素底部,也就是图片坐在了基线上
解决办法是 vertical-align: non baseline,例如 vartical-align: top,或者给容器加上 font-size: 0

具体见 CSS 2.1 10.8.1
baseline
Align the baseline of the box with the baseline of the parent box. If the box does not have a baseline, align the bottom margin edge with the parent's baseline.
把盒的基线与父级盒的基线对齐。如果该盒没有基线,就把下外边距边界和父级的基线对齐

若有错误请指正
2018-11-26 13:14:27 +08:00
回复了 itingyuji 创建的主题 求职 辞职走佬,求大佬带
很多时候,学太杂了会觉得什么都会,其实什么都不会
拿 CSS 来说,想想看这些基本知识能不能答出来

overflow: hidden 清除浮动的原理是什么?
padding-top 和 margin-top 的百分比值相对于谁计算?
line-height 的数字值(1)和百分比值(100%)有什么区别,相对于谁计算?
经常能看到 img 下面有一个空隙,为什么会产生空隙,如何解决?
2018-11-25 23:11:14 +08:00
回复了 rabbbit 创建的主题 分享创造 [GoldenDict]AutoHotKey 划词翻译脚本
@Aura7988 AutoHotKey 只有 windows 版本,Mac 用不了
2018-11-25 21:30:17 +08:00
回复了 picturepan2 创建的主题 分享创造 纯 CSS 实现的 360 度产品查看器
原理就是给滑动条绑了个 input 事件,修改背景坐标
把那个 input 事件删了就动不了了
https://i.imgur.com/yfMJVIj.gif
2018-11-25 18:48:15 +08:00
回复了 rabbbit 创建的主题 分享创造 [GoldenDict]AutoHotKey 划词翻译脚本
@chuanqirenwu GoldenDict 可以自己加字典
2018-11-24 10:59:00 +08:00
回复了 mengxy 创建的主题 酷工作 前端老司机招徒弟
有什么具体要求呢? 例如需要会哪些框架,是否要求有工作经验
1 ... 87  88  89  90  91  92  93  94  95  96 ... 120  
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2483 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 47ms · UTC 15:52 · PVG 23:52 · LAX 07:52 · JFK 10:52
Developed with CodeLauncher
♥ Do have faith in what you're doing.