在测试块级元素与行内元素区别时，发现本该没有间隔在一行的行内元素中间出现水平间隔。1 行内元素2 行内元素3 行内元素4 行内元素效果如下图：导致这种问题出现的原因在于html中span便签之间的空格。如果去掉空格那么就不会有间隔。行内元素行内元素行内元素效果如下图：虽然找到了问题所在，可是如果有多...
分类：
其他好文 时间：
2015-09-03 21:42:49
阅读次数：
200
内联元素默认不能设宽高，其宽高由其内容自动撑开让内联元素具有宽高属性的几种方式1，给内联元素转换成块级元素或内联块级元素 block或inline-block2，让内联元素脱离文档流，比如绝对定位、固定定位或浮动span{width:3rem;height:100%;float:left;}
分类：
其他好文 时间：
2015-09-03 16:37:04
阅读次数：
156
在CSS中，行内元素和块级元素，这个很重要，因为有的属性只能用于块元素，而有的正好相反，在一定的情况下，它们也可以相互转换，比如用display来进行设置。1.行内元素： ①不占据一整行，随内容而定，有以下特点： ②不可以设置宽高，也不可以设置行高，其宽度随着内容增加，高度随字体大小而改变。 ...
分类：
其他好文 时间：
2015-08-31 23:34:16
阅读次数：
184
1.一列布局 需掌握常规流..块级元素..margin属性 主要分为头部,内容和底部.通过调margin来布局.2.横向两列布局需掌握float..margin..块级元素主要通过浮动之后来定位,要注意浮动过的元素排版问题.3.绝对定位需掌握position..float..块级元素主要通过绝对定位...
分类：
Web程序 时间：
2015-08-31 21:39:20
阅读次数：
126
我们都知道,元素分为行内元素和块级元素,在页面布局中,我们常常需要让行内元素具有块级元素的特性,或者使块级元素转换成行内元素,这就要使用我们的display属性了. 我们先定义三个div:以上的三个div都是块级元素,输出的结果为:块级元素的特征就是各占一行.接下来用display将第二个div.....
分类：
Web程序 时间：
2015-08-30 15:34:42
阅读次数：
188
*******块级元素:div p(段落标签) ul li ol dl dt dd table h1-h6 section nav title footer 等特点：独占一行--文档流布局：display:block并且会受到宽度和高度，边距(padding/margin)的影响如果当前文档流中居中...
分类：
其他好文 时间：
2015-08-29 19:59:55
阅读次数：
147
一、css中display可以取的值 ? 值 描述 none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-block 行内块元...
分类：
Web程序 时间：
2015-08-29 15:33:45
阅读次数：
193
word-wrap: normal; || word-break: normal;当word-wrap或者word-break为normal时，也就是浏览器的默认设置时。换行规则是这样的： 情景一： 当一个单词在行尾不能完整容纳时，会自动将这个单词换到下一行，示例如下。 ...
分类：
其他好文 时间：
2015-08-29 13:53:43
阅读次数：
332
#CSS中水平居中和垂直居中的方法一、 水平居中1.行内元素(文本，图片等)如果被设置元素为文本、图片等行内元素时,可以通过给父元素设置` text-align:center;`来实现2.定宽块级元素可以通过设置“左右margin”值为“auto”来实现居中常用的有`margin:0 auto; `...
分类：
Web程序 时间：
2015-08-29 11:10:17
阅读次数：
150
总体概念 block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产...
分类：
其他好文 时间：
2015-08-27 19:27:15
阅读次数：
124
