/*单行*/ .work_font{ display:block /*这里设置inline-block或者block；根据使用情况来定（行内元素需要加这个，块级元素和行内块级可以不用）*/ white-space:nowrap; overflow:hidden; text-overflow:elli ...
分类：
微信 时间：
2020-06-04 13:38:39
阅读次数：
126
CSS元素分类 CSS元素大的分为两类：块级元素和行内级元素但行内元素可以进一步分为：行内替换(置换)元素、行内非替换(非置换)元素。 一、块级元素与块元素 块级元素：元素会新起一行，并独占一行，如div、p、form等。display 属性值为：block, list-item, table, f ...
分类：
Web程序 时间：
2020-06-03 13:59:14
阅读次数：
150
原文链接 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中.2) 若是块级元素, 该元素设置 margin:0 auto即可.3) 若子元素包含 float:left 属性, 为了让子元素水平居中, 则可让父元素宽度设置为fit-conte ...
分类：
其他好文 时间：
2020-06-02 00:14:25
阅读次数：
578
1、基本概念1）Flex布局元素称为Flex 容器，子元素称为Flex项目；2）容器存在两根轴：主轴main axis(默认是水平方向)和交叉轴cross axis(默认是垂直方向)；3）任何一个容器都可以指定为flex布局： 块元素：display：flex； 行内元素：display:inlin ...
分类：
其他好文 时间：
2020-06-01 21:03:38
阅读次数：
90
1、什么是元素的显示模式 作用：网页的标签非常多，在不同的地方会用到不同类型的标签，了解他们的特点可以更好地布局我们的网页 元素的显示模式就是元素以什么方式来进行显示，比如<div>自己独占一行，一行又可以放多个<span> html一般分为块元素和行内元素两种类型 2、块元素 （1）常见的块元素： ...
分类：
Web程序 时间：
2020-05-31 21:41:52
阅读次数：
162
块级元素(block-level)和行内元素(inline-level) (1)差异： 块级元素能包含行内元素和块级元素，行内元素只能包含行内元素和文本内容 块级元素可以占据一整行，行内元素只能占据内容的宽度 块级元素可以设置宽高margin，padding，行内元素不能设置宽高，设置上下margi ...
分类：
Web程序 时间：
2020-05-31 00:44:40
阅读次数：
138
普通流（normalflow）说明前面我们提过，网页布局的核心，就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置？CSS的定位机制有3种：普通流（标准流）、浮动和定位。普通流又称为“文档流”，或者“标准流”，实际上就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思，比如块级元素会独占一行，行内元素会按顺序依次前后排列；按照这种默认的排列方式，不会出现例外的情况的布局叫做普通流布局。普
分类：
其他好文 时间：
2020-05-29 09:21:28
阅读次数：
67
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 8 9 .box1{ 10 width: 200px; 11 height: 100p ...
分类：
其他好文 时间：
2020-05-28 11:36:34
阅读次数：
86
BFC的定义 BFC到底是个啥呢？先贴出一段大佬们在分析BFC的时候字面上的理解： 在CSS布局中，是通过对一个个box的布局，来实现整体页面的布局，这一个个box也就是一个个容器元素，这些元素分为两类：块级元素(block)，行内元素(inline)。 对于不同类型的元素，有不同的处理规则，这个元 ...
分类：
其他好文 时间：
2020-05-28 00:48:54
阅读次数：
86
一、如何解决上图之间存在的左右空隙问题？？小编积累了几种方法 1.让行内元素的标签放成一行（不推荐）（解决左右间隙） （1）成一行，无任何的空格 <div class="inner"> <img src="img/2.jpg" ><img src="img/295254.jpg" ><img src ...
分类：
其他好文 时间：
2020-05-24 00:44:53
阅读次数：
65
