css
light_wzz
这个作者很懒,什么都没留下…
展开
-
移动端html+css实现水平任意滚动(PC端也同理)
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta content="IE=edge" http-equiv="X-UA-Compatible"> <meta content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-wi原创 2017-07-06 21:16:53 · 7208 阅读 · 0 评论 -
webapp移动端出现横向滚动条解决方案
html,body{overflow:hidden;overflow-y:auto;}原创 2017-07-06 21:21:54 · 1731 阅读 · 0 评论 -
实现单行、多行文本自动隐藏及显示省略号
单行 在width有限定的情况下,例如:overflow:hidden;text-overflow:ellipsis;white-space: nowrap;//是否需要根据实际情况而定多行 在width有限定的情况下,例如实现超出三行自动隐藏并显示省略号:overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-we原创 2017-07-06 21:24:01 · 253 阅读 · 0 评论 -
处理inline元素之间换行产生的空白
inline, inline-block元素之间的换行符会造成类似空格的空白。不知道你遇到过没?比如以下代码:<a>1</a><a>2</a>这种问题对布局影响不大,容易被忽略。但是某些极端情况就会把这个问题放大。例如以下代码:<ul> <li>Item content</li> <li>Item content</li> <li>Item content</li></ul><st转载 2017-07-06 21:45:18 · 657 阅读 · 0 评论 -
CSS浮动
首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图: 可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的。注意,以上这些理论,是指标准流中的div。无论多么复杂的布局,其基本出发点均是:“如何在一行显示多个div元素”。显然标准流已经无法满足需求,这就要用到浮动。 浮动可以理解为转载 2017-07-20 15:25:57 · 451 阅读 · 0 评论 -
绝对路径和相对路径
一、基本概念 1、相对路径-顾名思义,相对路径就是相对于当前文件的路径。网页中一般表示路径使用这个方法。 2、绝对路径-绝对路径就是你的主页上的文件或目录在硬盘上真正的路径。绝对路径就是你的主页上的文件或目录在硬盘上真正的路径,比如,你的Perl 程序是存放在 c:/apache/cgi-bin 下的,那么 c:/apache/cgi-bin就是cgi-bin目录的绝对路径二、相对路原创 2017-07-06 22:09:52 · 453 阅读 · 0 评论 -
CSS清除浮动方法总结
一、 分析HTML代码结构:<div class="outer"> <div class="div1">1</div> <div class="div2">2</div> <div class="div3">3</div></div>分析CSS代码样式:.outer{border: 1px solid #ccc;background: #fc9;color: #fff转载 2017-07-20 16:07:56 · 303 阅读 · 0 评论