海滨擎蟹

遇到一怪事，存在一个 div，想要通过 height 调节高度发现不起作用。height 本身也没有被强制覆盖。尝试添加 max-height 属性定义也没有用，没有设置内距和外距，box-sizing 自然也不起作用。好奇到底是定义了什么奇怪属性，便 F12 打开调试窗口，一番波折终于找到了作乱元凶：display: table-cell;这属性值好像自带光环效果，什么技能都对它都不起作用，将其

- 阅读全文 -

border-radius 字面意思就是边框的半径长度，即定义元素四个角的设置圆角边框。一般情况下，会直接定义 border-radius 的值。跟其他属性如 margin 、padding 之类一样，border-radius 其实也可以定义四个值，分别表示左上角，右上角，右下角，左下角的圆角半径。border-radius: 2rem;等价于border-top-left-radius: 2e

- 阅读全文 -

最近被公司当前端使了，没办法，小公司招不到也不愿高薪招前端，只能我这个后台顶上去。遇到如标题一样的问题，首页轮播图在不同的分辨率下会发生变形。这是因为图片被设置了 100% 宽度和固定高度。分辨率发生变化时，宽度会拉升或者收缩，而高度固定，图片本身宽高比会失衡，变形在所难免。一开始想到可以将图片设置为背景，然后图片居中展示。但这样改动太大，因为轮播图部分使用了 destoon 的广告位，外面包裹

- 阅读全文 -

首先参考之前写过的 加载使用 iconfont 阿里巴巴矢量图标库 和 自定义 iconfont 字体图标 这两篇关于 iconfont 的文章，主要使用 font-class 方式引用 iconfont 字体图标。具体引用步骤参考 自定义 iconfont 字体图标，之前使用 FontCreator 软件进行自定义 iconfont 编辑的，就是用 FontCreator 打开 ttf、otf

- 阅读全文 -

早上用蒸蛋器蒸了三个鸡蛋，剥开了两个，扔掉了一个蛋黄。那个扔掉的蛋黄不是没有营养，也不是比另一个蛋黄差些，只是想要控制体重的我，不再需要罢了。煮了一大碗粥，再少就不够煮了。倒在大碗里，配上一个半鸡蛋和些许榨菜。油花如蜿蜒的大河，鸡蛋是两岸的大山。吃一半，倒掉另一半。倒掉的一半依然与吃掉的一半没有区别，只是对少了“大山”、“大河”，泛着星星点点油花，逐渐冷却的另一半，没有当初的热情与胃口。

- 阅读全文 -

凡为夫妇之因，前世三生结缘，始配今生之夫妇。若结缘不合，比是冤家。难归一意，各还本道。愿娘子相离之后，重梳蝉鬓，巧呈窈窕之姿，选聘高官之主。解怨释结，更莫相憎。一别两宽，各生欢喜。

- 阅读全文 -

对于一些首页需要展示较多品类的 PC 端商城，靠着主体内容的侧边导航栏是必不可少的。公司官网也用到了这个组件，参考天猫、震坤行、工品汇等网站做了些代码对比解析。侧边快捷导航栏的定位布局因为要固定在屏幕的某个位置，所以布局定位第一个想到的是 position:fixed，工品汇和天猫 PC 网站用的就是 fixed 布局。fixed 可以让组件相对于屏幕进行定位，而不是像 absolute 相对于

- 阅读全文 -

图片和单行文字对齐比较简单，在图片和文字（行内元素）上加 vertical-align: middle;。图片与多行文字对齐的解决方法，就是将多行包装成单行，单行内再用 <br/> 进行换行。以下我调试过的一个版本：<style> img { vertical-align: middle; } p { display: inline-block; v

- 阅读全文 -

给公司网站做了新页面，然后手就闲不住的这边点点，那边点点。发现图片总是被拖着走，就好烦。想着有没有可以禁止图片被拖拽的方法，然后找到了一个比较简便的方法：<img src="xxx" alt="xxx" draggable="false"/>给需要禁止拖动的图片添加拖动属性，设置值为 false 即可。如果是对整个页面上的图片

- 阅读全文 -

问题描述使用 SSH 指令进行远程连接，经常会遇到一个问题就是，操作了一会儿去做其他事情，返回 shell 时发现，SSH 会话已经过期了，只能重置或关闭当前 shell 之后重新连接。如果需要长时间保持会话，这种会话间断的情况就会很烦，服务器也会存在很多登录状态的 pts（伪终端）。解决方法网上找了几个方法，大致是修改 sshd 服务的配置：修改 server 端的 /etc/ssh/sshd_

- 阅读全文 -