有时会从网上下载一些css压缩文件，打开后所有代码都在一行，不利于阅读，通过css format插件，能快速展开代码，方便阅读。参考：Sublime Text 上最好用的 CSS 格式化插件 —— CSS Formatcss format 下载：https://github.com/mutian/Sublime-CSS-Format，下载后解压到sublime Packages目录下,菜单栏preference-->Brower Packages 安装css format插件后，选择代码，菜单栏Edit-->css Format-->Expanded,展开代码. 原文：http:/...
引子：给大家出一个小小的考题，如何使用css来实现类似下面的在指定区域内，内容自适应的垂直居中。 在很久很久以前，有一个并不坚挺的方式来实现。 display:table-cell属性指让标签元素以表格单元格的形式呈现，类似于td标签。 其实，内心里讨厌这个方式的原因有很多， 比如，高级浏览器都是支持此属性的，但是低级浏览器就只能对你说sorry了。对于需要使用各种并不精准的其他属性，如font-size来“辅助 治疗”，在...
我们在sharepoint的列表中，打开某一条数据，如果那条数据有附件，打开附件的时候，总是会把当前的页面给替换掉。如何在点击附件的时候，打开新页面，可以用一下一段脚本来处理。 $(document).ready(function () { if ($("#idAttachmentsTable") != null) { $('#idAttachmentsTabletbody tr td').each(function () { var href = $(this).find('a'...
Palindrome Transformation time limit per test 1 second memory limit per test 256 megabytes input standard input output standard output Nam is playing with a string on his computer. The string consists of n lowercase English letters. It is meaningless, so Nam decided to make the string more beautiful, that is to m...
CSS的可视化格式模型中具有一个非常重要地位的概念??定位方案。定位方案用以控制元素的布局，在CSS2.1中，有三种定位方案??普通流、浮动和绝对定位： 普通流：元素按照先后位置自上而下布局，inline元素水平排列，直到行被占满后换行，block元素则被渲染为完整的一行，除非指定，所有元素默认为普通流定位。 浮动：浮动布局中，元素首先按照普通流位置出现，然后根据浮动方向尽可能向左或右偏移，效果与文本环绕相似。 ...
转自：http://www.smallni.com/haslayout-block-formatting-contexts/ 因为本人脑子不好使，自己打印出了一张hasLayout和Block Formatting Contexts（以下简称BFC）的触发表贴在办公桌上（也可以称作创建了BFC），每天看看就记住了，不知道大家有没有对这2个东西做过深入了解，如果真的做过了解，一些各浏览器部分奇怪的BUG也会迎刃而解。今天，我们一起来剖析下，揭开它们神秘的面纱。 1.hasLayout ‘Layout’ 是 IE 的专有...
hasLayout与Block formatting contexts的学习 @(css BFC)[IE hasLayout|妙瞳] hasLayout是什么？ haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这...
视觉格式化模型 Visual Formatting Model URL：http://www.w3.org/TR/CSS2/visuren.html Translator: HaoyCn Date: 10th of Aug, 2015 本文并未全部翻译，译者在原文基础上稍有添加图示。如了解全部信息，请参看规范原版。个人水平有限，欢迎指正。 9.1 视觉格式化模型介绍 本章和下章用于描述视觉格式化模型：用户代理 User Agent如何在视觉媒体 Visual Media 下处理文档树 Document Tree。 视觉格式化模型中，文档...
BFC的定义是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。在创建了 Block Formatting Context 的元素中，其子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻的元素之间的垂直距离取决于 ‘margin’ 特性。在 Block Formatting Context 中相邻的块级元素的垂直边距会折叠（collapse）。 在 Block Formatting Context 中，每一个元素左外边与包...
原文：http://www.w3.org/TR/CSS2/visudet.html 译者注：本文未全文翻译（最近要校招找工作，所以学习压力大，先挑重头，所以暂省略了最大最小宽度高度两部分）。文中部分内容和配图是我自己的理解，但没有一一标注。此外，文中有许多术语，我都有在后面注明原英文。最后要吐槽以下，vertical-align 属性在各浏览器中的兼容性真是跪了，如果读者有了解这个兼容性问题，请务必留言解惑！之后我也会抽空解决这个属性问题哒！ ...
使用jps命令查看java进程，经常出现类似"3135 -- process information unavailable"，有两种情况，第一种：3135这个PID存在，原因为当前ID为其他用户启动，该用户没有查看权限。第二种：3135这个PID不存在。 jps命令process information unavailable # jps631 Jps3135 -- process information unavailable24351 Bootstrap323 Bootstrap2978 -- process information unavailable # jps631 Jps3135 -- processin...
前端工程师求职面试的时候，或多或少都会问到一点BFC(Block formatting contexts)相关的知识。在平时的开发中我也遇到过BFC方面的问题，但是没有好好整理过这方面的知识，所以别人问我的时候，我都不敢说自己知道这么个概念o(╯□╰)o。这两天，我仔细阅读了一些文章来填补这块知识漏洞。 什么是BFC？ 在理解BFC是什么之前，需要了解Box、Formatting Context的概念 Box：CSS布局的基本单位 Box是CSS布局的对象和基本单...
一.CSST是什么 CSST的近义词是JSONP，而不是SASS、PostCSS之类的东西。也就是说，JSONP能做的，（CSS3环境下）用CSST也可以做到 Ajax不能跨域，而JSONP算是Ajax的跨域补丁（当然，还有其它跨域方法，但JSONP是应用最广泛的） CSST最大的限制是 只适用于支持CSS3的环境，但我们用不用它这不重要，思路与原理比较有意思 二.实现原理 1.客户端（浏览器JS） 发送请求 向head里插入一个，通过 href 属性...
这篇文章主要介绍了CSS3的常见transformation图形变化用法小结,共整理了旋转、缩放、平移、倾斜以及矩阵的使用方法,需要的朋友可以参考下1.rotate旋转旋转图片，单位deg，为“度”的意思-moz-transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20deg); -ms-transform: rotate(20deg);2.scale放大缩小按比例放大缩小，如 “1.6” 为放大 1.6 倍，若 “-1.6” 则缩小 1.6 倍-webkit-transform: sca...
以前我也不知道BFC是什么，今天看了才知道原来以前经常接触，只是不知道专业名称罢了。就像闭包、继承一样，以前经常用到，只是不知道而已，今天我就来说一下，css定位之BFC。BFC与清除浮动是有关系的，那我们就来说说，如何清除浮动，清除浮动主要有两种方法：①利用 clear属性，清除浮动②使父容器形成BFC在讲BCF之前，我要先说一下，我们通常控制元素布局的定位方案主要有3种：普通流 (Normal Flow) 、浮动 (Floats) 和绝对定位...
