i{ display: inline-block; width:0; height:0; border-width:20px; border-style:solid; border-color:#000 transparent transparent transparent; } ...
分类：
其他好文 时间：
2019-08-02 11:13:35
阅读次数：
103
以前布局的话我喜欢用flex,今天我没用flex,用calc来书写实现2列布局 ...
分类：
其他好文 时间：
2019-07-22 13:48:02
阅读次数：
92
实现效果如下: 注意点： 1.background image :url()，相对路径，文件夹名称最好用英文。 2.选择器的使用； 3.文本居中对齐，text-align 4.行内元素 display:inline-block ...
分类：
其他好文 时间：
2019-07-21 10:48:07
阅读次数：
95
我们在编写HTML标签的时候，通常会使用换行，缩进来保证代码的可读性。同时，在编写CSS样式的时候，也会需要把一些元素设置为inline或inline-block。这样一来，有时在页面中会出现意外的空白间隙导致页面视图与本意不符。 先来了解一下出现空白间隙的原因吧！因为内联元素默认排版中有空白间隙， ...
分类：
Web程序 时间：
2019-07-20 21:30:13
阅读次数：
451
1.所有div的父元素不换行 white-space: nowrap; 2.所有div设置为行内元素 display: inline-block; 基于java记账管理系统【尚学堂·百战程序员】 ...
分类：
其他好文 时间：
2019-07-16 16:37:45
阅读次数：
164
display几个常用的属性以及区别 none,block,inline,inline-block; none:会隐藏元素,不占据dom空间,下文会提到; block:块级元素,前后会有换行符,占据一行;可以进行宽高设置,上下左右的padding,margin属性也可以设置; inline:行内元素 ...
分类：
其他好文 时间：
2019-07-10 18:50:13
阅读次数：
119
float inline block flex ...
分类：
其他好文 时间：
2019-07-08 10:51:13
阅读次数：
109
1. flex设置元素垂直居中对齐 在之前的一篇文章中记载过如何垂直居中对齐，方法有很多，但是在学习了flex布局之后，垂直居中更加容易实现 HTML代码： CSS代码： 2. 用flex布局制作导航栏 以前在写导航栏的时候，总是用float或者display：inline-block实现，但是这两 ...
分类：
其他好文 时间：
2019-07-06 00:04:11
阅读次数：
95
display值的作用分别是什么？ none：元素隐藏，不占据位置 block：该元素显示为块级元素 inline：默认，该元素会被显示为内联元素 inline-block：行内块元素 list-item：该元素会作为列表显示 run-in：该元素会根据上下文作为块级元素或内联元素显示 table： ...
分类：
其他好文 时间：
2019-07-05 19:11:08
阅读次数：
86
example display: inline-block; width: 232px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; 文本样式 text-transform: ; // 控 ...
分类：
Web程序 时间：
2019-07-03 11:56:50
阅读次数：
122
