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