HevateArvin - 博客园

2019年1月15日

摘要： CSS display: table cell 用于水平垂直居中在 CSS 设置居中时候，水平和垂直居中的设置略有不同，通常我们使用 text align:center 对图片、文字等行内元素（inline / inline block）进行水平居中，并使用 line height 对单行文字设置阅读全文

posted @ 2019-01-15 10:08 HevateArvin 阅读(2381) 评论(0) 推荐(0)

CSS 设置文字超出元素时用省略号…显示

posted @ 2019-01-15 09:55 HevateArvin 阅读(1667) 评论(0) 推荐(0)

CSS 基础样式及基本属性

摘要： CSS 基础样式及基本属性 [TOC] 行内样式行内样式直接定义再HTML标记之内，通过style属性来实现。这种方式比较容易接受，但是灵活性不强。内嵌式在页面中使用``标记将CSS样式包含在页面中。该方式没有行内标记表现的直接，但是能够使页面更加规整。与行内样式相比，内嵌式样式更加便于维护阅读全文

posted @ 2019-01-15 09:53 HevateArvin 阅读(233) 评论(0) 推荐(0)

块级、内联、替换、非替换元素的区别

摘要：块级元素块级元素，一般都是从新行开始，它可以容纳行内元素和其他块元素，常见块级元素比如、这个块元素比较特殊，只能容纳其它块元素。宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可设置。块级元素会独占一行，其宽度自动填满其父元素宽度，就算设置了wi 阅读全文

posted @ 2019-01-15 09:48 HevateArvin 阅读(342) 评论(0) 推荐(0)

CSS 文本换行的设置方法

摘要： CSS 文本换行的设置方法当在对 HTML 网页进行布局，或者在评论、上架商品内容的时候，常常会有较长的文本出现，因此对文本的换行和不换行，就需要进行设定。通过 HTML 和 CSS 设置，是一种非常方便和简易的方法。设置连续的英文字母及数字换行在一个盒子模型中，如果一句话遇到了 div 的边阅读全文

posted @ 2019-01-15 09:41 HevateArvin 阅读(3269) 评论(0) 推荐(0)

2019年1月12日

关于 BFC 的布局应用：清除浮动、文字环绕

摘要：关于 BFC 的布局应用：清除浮动、文字环绕 "参考文档：理解CSS中BFC" BFC（Block Formatting Context）块级格式化上下文是一个独立的渲染区域，决定了其子元素将如何定位，以及和其他元素的关系和相互作用，BFC 只有 Block level box 参与，它规定了内阅读全文

posted @ 2019-01-12 09:21 HevateArvin 阅读(279) 评论(0) 推荐(0)

外边距折叠 margin合拼

摘要：外边距折叠 margin合拼外边距折叠（margin collapsing）对于块级元素而言，其上外边距和下外边距这两个有时会合并（或折叠）为一个外边距，其大小取其中的最大者，也被称作外边距合并。 margin 合并的三种基本情况相邻元素毗邻的两元素之间的外边距会合并（除非后者兄弟元阅读全文

posted @ 2019-01-12 09:20 HevateArvin 阅读(97) 评论(0) 推荐(0)

2019年1月11日

HTML和小程序的 12 种 flex 布局

摘要：布局的传统解决方案，基于盒状模型（box model），依赖 display 属性 + position 属性 + float 属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。网页布局（layout）之中的弹性布局( flexible box) ，主要用来为盒状模型提供最阅读全文

posted @ 2019-01-11 12:46 HevateArvin 阅读(183) 评论(0) 推荐(0)