1.单行完整显示,多行省略显示. .box { width: 100px;  //必要 display: -webkit-box;    //必要 font-size: 14px; line-height: 20px; text-overflow: ellipsis;  //必要 -webkit-line-clamp: 2;  //必要 -webkit-box-orient: vertical;  //必要 } 2.对高度不定的容器设置背景(可能滚动) .container { width: 1…

移动平台3G手机网站前端开发布局技巧汇总 作者:前端开发-武方博   发布:2011-05-10 09:11   分类:移动开发   阅读:120,618 views   7条评论     您或许正在或准备参与一个WepApp项目,您或许正在Google搜索mobile development相关的文章,您或许是一名专业的WEB前端工程师,您或许想学习Mobile前端开发方面的技术,如果您被我说中了,呵呵那么这篇文章将为您带来意想不到的惊喜!当您看到这篇文章时,哥已经默认认为您是一名资深的WEB…

一.css 样式 1.float 首先需要了解块级元素(block element).每个块级元素都默认占用一行,在同一行只能添加一个块元素(float 除外).块级元素一般可以嵌套块级元素或者行内元素,如使用 div 布局. float 一般用于 div 布局的情形下,浮动的 div 可以向左或者向右移动,直到它的外边缘碰到其父级元素的框或者另外一个浮动的 div 边框为止.个人理解为:float 将需要换行的块级元素悬浮,使得其可以在同一行中显示. 在 css 中可以通过float: lef…

单列布局水平居中 水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素) 作者: GD_SeHun 链接:http://www.imooc.com/article/2235来源:慕课网 使用inline-block和text-align:center来实现: .parent{text-align: center;} .child{display…

单列布局水平居中水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素) 使用inline-block 和 text-align实现 .parent{text-align: center;}.child{display: inline-block;} 优点:兼容性好: 不足:需要同时设置子元素和父元素 使用margin:0 auto来实现 .ch…

一.单列布局 1.水平居中:(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parend元素) 1-1:使用inline-block和text-align实现: .parent{text-align: center;} .child{display:inline-block;} 优点:兼容性好: 不足:需要同时设置父元素和子元素: 1-2:使用margin:0 auto来实现 .child{width:200px;margin: 0 auto;} 优点:兼容性好;…

单列布局水平居中 水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素) 使用inline-block 和 text-align实现 .parent{text-align: center;} .child{display: inline-block;} 优点:兼容性好:不足:需要同时设置子元素和父元素 使用margin:0 auto来实现 .c…

CSS用户界面样式 鼠标样式currsor li{ cursor:pointer: } 设置或检索在对象上移动鼠标指针采用何种系统预定义的光标形状 属性值 描述 default 默认 pointer 小手 move 移动 text 文本 not-allowed 禁止 轮廓线 outline 给表单添加outline:0:或者outline:none:样式之后,就可以去掉默认的边框 防止拖拽文本resize textarea{ resize:none; } vertical-align属性应用 C…

  单列布局水平居中 水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素) 使用inline-block 和 text-align实现 .parent{text-align: center;} .child{display: inline-block;} 优点:兼容性好:不足:需要同时设置子元素和父元素 使用margin:0 auto来实现…

昨天早上看到了一篇很棒的文章,这篇文章将布局的一些知识点整理的很不错.我也想整理一下,这样在以后的项目中可以活学活用,避免只用一种方式. 参考文章:https://segmentfault.com/a/1190000013565024:https://segmentfault.com/a/1190000008789039#articleHeader4 前端布局是页面构建过程中很基础,很重要的一环.这里介绍一些我了解的,不足的地方大家可以补充. 一.常用的居中方法 1.水平居中 ①如果子元素是行内…