text-overflow: ellipsis; 解决方案说明：需要配合 white-space: nowrap; overflow: hidden; 使用。 单行使用：12345.text-deal{ white-space: nowrap; overflow: hidden; text-overflow: ellipsi...

CSS强制英文、中文换行与不换行示例说明123456789.p1{ word-break:break-all; width:150px;} /*只对英文起作用，以字母作为换行依据*/.p2{ word-wrap:break-word; width:150px;} /*--只对英文起作用，以单词作为换行依据...

一些常用的移动端的meta属性设置1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848...

Retina屏的移动设备如何实现真正1px的线？ 前些日子总被人问起 iOS Retina 屏，设置 1px 边框，实际显示 2px，如何解决？原来一直没在意，源于自己根本不是像素眼……今天仔细瞅了瞅原生实现的边框和CSS设置的边框，确实差距不小…… 上图是原生实现，下图是 CSS 边框，手机上对比更加明显 然后，如何解决呢？搜遍整个谷歌，发现好...

Flex 布局语法教程网页布局（layout）是CSS的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到...