none：隐藏对应元素，不为隐藏的对象保留其物理空间 block：指定对象为块元素 inline：指定对象为内联元素 inline-block：指定对象为内联块元素 table：指定对象为块元素的表格 list-item：指定对象为列表项目 flex：将对象作为弹性伸缩盒显示 ...
分类：
其他好文 时间：
2019-05-13 23:15:55
阅读次数：
150
在html中元素主要分为行内元素和块级元素行内元素不独占一行书写完成后不会自动换行没有宽和高块级元素独占一行书写完会自动换行宽和高可以修改还有一种特殊的元素叫作行内块级元素；值描述none此元素不会被显示。block此元素将显示为块级元素，此元素前后会带有换行符。inline默认。此元素会被显示为内联元素，元素前后没有换行符。inline-block行内块元素。（CSS2.1新增的值）list-i
分类：
其他好文 时间：
2019-05-09 15:37:12
阅读次数：
117
基本实例： from-group:可以是其内的标签排列更好 from-control：使标签宽度为100% 内联表单：表单在一行显示 form-inline: 其内标签水平排列 .form-inline 类可使其内容左对齐并且表现为 inline-block 级别的控件。只适用于视口（viewpor ...
分类：
其他好文 时间：
2019-05-04 18:59:26
阅读次数：
218
为什么a标签不能设置宽度？在a标签上用css设置宽度没有任何反应，到底是为什么那？ 因为行内元素都是不能设置宽高的，a标签也是行内元素，所以也不能设置宽度，如果想设置宽度，必须把行内元素转换为block或者inline-block，转换为块block的话，元素会独占一行，有可能会改变你的布局， 如果 ...
分类：
其他好文 时间：
2019-05-04 10:02:32
阅读次数：
180
1、失效原因：块级元素的垂直相邻外边距会合并 2、解决办法 其中一个改为不是块级元素：display:inline-block; 设置父元素的border:1px #00ffff solid; 设置父元素的padding:1px; 给父元素设置overflow:hidden; 给父元素或者自身设置p ...
分类：
其他好文 时间：
2019-04-11 16:05:22
阅读次数：
119
前言 说起自适应布局方式，单列定宽单列自适应布局是最基本的布局形式。比如斗鱼的直播间，后台管理系统都是常用的 我们将从 float, inline block, table, absolute, flex, grid 这几个布局方式来实现这种效果 float 【float + margin】 将定宽 ...
分类：
Web程序 时间：
2019-04-07 09:22:36
阅读次数：
228
<span class="add" title="继续上传"></span> .add { display: inline-block; width: 76px; height: 76px; color: #ccc; border: 2px dashed; text-indent: -12em; t ...
分类：
Web程序 时间：
2019-04-06 14:06:35
阅读次数：
571
如何居中一个元素 本文主要介绍水平居中，垂直居中，还有水平垂直居中各种办法，思维导图如下： 一、水平居中 1.行内元素水平居中 利用 text-align: center 可以实现在块级元素内部的行内元素水平居中。此方法对inline、inline-block、inline-table和inline ...
分类：
其他好文 时间：
2019-04-03 16:31:56
阅读次数：
177
1、嵌套输出方式 nested Sass 提供了一种嵌套显示 CSS 文件的方式。例如 nav { ul { margin: 0; padding: 0; list-style: none; } li { display: inline-block; } a { display: block; pa... ...
分类：
其他好文 时间：
2019-04-02 18:22:53
阅读次数：
130
1. flex设置元素垂直居中对齐 在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现 HTML代码： CSS代码： 效果如图： 2. 用flex布局制作导航栏 以前在写导航栏的时候，总是用float或者display：inline-block实 ...
分类：
其他好文 时间：
2019-03-27 17:11:53
阅读次数：
168
