body内标签级别 body标签内内有三种标签元素级: + 块级元素:独占一行,可设置宽高,如果不设置宽度,则为浏览器宽度 + 行内元素:在一行内展示,不能设置宽高,它的宽高根据内容去填充 + 行内块元素:在一行内展示,可以设置宽高 html内所有标签可以分为两种: + 文本级标签:p span a ...
分类:
其他好文 时间:
2018-07-10 14:35:10
阅读次数:
194
1、问题描述 图片和文字在一个盒子中显示时,图片和文字不会在底部对齐(图片大小190*150) 2、分析 图片的对齐方式是按照基线对齐的,而文字确实按照底部对齐 解决图片下间隙方法 1.设置元素在垂直方向上对齐 2.将图片由行内块元素变成块元素 3.设置字体大小为0px 4.设置图片的浮动属性 ...
分类:
其他好文 时间:
2018-07-05 01:21:59
阅读次数:
196
CSS布局解决方案 摘自:无悔铭《css布局解决方案(终极版)》 "https://segmentfault.com/a/1190000013565024" 水平居中 方案一:使用inline block + text align 原理: 1)先将子元素由块级元素改变为行内块元素,再通过设置行内块元 ...
分类:
Web程序 时间:
2018-07-03 12:00:14
阅读次数:
191
深入盒模式及浮动布局 1文档流:浏览器在页面上摆放HTML元素所用的方法1-1块元素的文档流 1-2内联标签的文档流:如果有足够空间 他们会挨个摆放,如果空间不够,剩下的会摆到下一行 2浮动布局<div>float 浮动clear 清除 有left right both none值 3浮动不居中的盒 ...
分类:
其他好文 时间:
2018-07-02 20:14:14
阅读次数:
207
所有主流浏览器都支持 display 属性。 display 属性规定元素应该生成的框的类型。 none 此元素不会被显示。 block 此元素将显示为块级元素,此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素,元素前后没有换行符。 inline-block 行内块元素。(CS ...
分类:
其他好文 时间:
2018-07-01 20:57:06
阅读次数:
136
块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素,例如: <div><div></div><h1></h1><p><p></div> ?? <a href=”#”><span></span></a> ?? <span><div></div></span> ? ...
分类:
其他好文 时间:
2018-06-30 10:55:22
阅读次数:
158
1 盒子模型 1.1 "别人的基本总结" 盒子的宽度 = margin left + border left + padding left +width + padding right + border right + margin right 1.2 如果内容区过大,将会溢出,此时可使用overf ...
分类:
其他好文 时间:
2018-06-24 16:01:53
阅读次数:
133
块元素和内嵌元素 块的特征: 默认独占一行 没有宽度时,默认撑满一行 支持所有CSS命令 内嵌的特征: 同排可以继续跟同类的标签 内容撑开宽度 不支持宽高 不支持上下的margin和padding 代码换行被解析 块和内嵌: 分析: 因为div没有设置width,所以默认撑满一排,span虽然设置了 ...
分类:
其他好文 时间:
2018-06-24 14:06:07
阅读次数:
152
Bootstrap 允许您以两种方式显示代码: 第一种是 <code> 标签。如果您想要内联显示代码,那么您应该使用 <code> 标签。 第二种是 <pre> 标签。如果代码需要被显示为一个独立的块元素或者代码有多行,那么您应该使用 <pre> 标签。 请确保当您使用 <pre> 和 <code> ...
分类:
其他好文 时间:
2018-06-22 13:27:03
阅读次数:
162
一.标准文档流:指元素根据块元素或行内元素的特性按从上到下,从左到右的方式自然排列。这也是元素默认的排列方式 二.display属性 display:更改块级元素和行内元素的相互转换 block:块级元素的默认值 inline:行内元素的默认值 inline-block:同时具有行内和块级元素的特性 ...
分类:
Web程序 时间:
2018-06-21 11:46:38
阅读次数:
224