CSS盒子模型:只针对block元素或者inline-block元素,也就是可以设置size的元素 在元素上设置的height和width是作用在内容区域的。 background作用在contect + padding的区域。 盒子模型的size是content + padding + borde ...
分类:
Web程序 时间:
2020-07-12 18:25:43
阅读次数:
80
关于display的属性值设置为inline-block值时出现的间隙问题,有两种方式,欢迎补充。 <div class="super"> <div class="sub"> 孩子 </div> <div class="sub"> 孩子 </div> <div class="sub"> 孩子 </d ...
分类:
其他好文 时间:
2020-07-10 19:33:28
阅读次数:
56
解决办法 style里不要 scoped,可以单独再加个style 宽度为固定的宽度,我这里是200,和你在columns设置的宽度一样就行 .ant-table-fixed-columns-in-body { display: inline-block; width: 200px; } ...
分类:
其他好文 时间:
2020-07-08 16:55:33
阅读次数:
357
既呈现 inline 特性(不占据一整行,宽度由内容宽度决定) 又呈现 block 特性 (可设置宽高,内外边距) 默认情况下,inline-block元素之间就有空隙出现(缝隙的实质就是元素标签段之间的空格) 1.去掉HTML中的空格; 2.使用font-size:0; vertical-alig ...
分类:
其他好文 时间:
2020-07-05 21:36:03
阅读次数:
51
首先看看需求,tab栏上的一个active样式 //找到active时的选择器 .active::before { content: ''; width: 100%; height: 6px; background-color: green; display: inline-block; posit ...
分类:
Web程序 时间:
2020-07-01 17:28:24
阅读次数:
146
重点:text-overflow: ellipsis;只对display:inline;起作用 例子: <span class="a">我说说<b class="b">打瞌睡党风建设打火机</b>说说色儿</span> a{ display:block/inline-block; width:100 ...
分类:
Web程序 时间:
2020-06-30 11:08:56
阅读次数:
55
休闲迷宫效果图(Ps:copy美团) 休闲迷宫代码 <html lang="en"> <head> <meta charset="utf-8"> <title>休闲迷宫</title> <style type="text/css"> span{ display: inline-block; widt ...
分类:
其他好文 时间:
2020-06-30 10:36:30
阅读次数:
72
元素有行内元素(inline)、块级元素(block)以及行内块元素(inline-block)之分,对应地它们之间的盒模型也会有不同。 1. 行内元素(inline) 通过display: inline可将元素声明为行内元素,顾名思义指在行里面的元素,因此没有换行的行为。 1.1 宽度和高度 行内 ...
分类:
Web程序 时间:
2020-06-29 21:27:16
阅读次数:
101
(帮我同学写的) 能帮我讲明白21/22/23这种题吗 这种题啊,比较基础,分不拿就可惜了 21 题:基础计算 \(\sqrt{16}+\sqrt[3]{-64}-\sqrt{(-3)^2}+|\sqrt 3-1|\) 这种基础计算在期末基本上只会用到“实数”这一章的内容,所以建议复习一下“实数这一 ...
分类:
其他好文 时间:
2020-06-28 22:29:49
阅读次数:
70
.div1 { display: inline-block; height: 300px; width: 500px; margin:30px; text-align: center border: 2px solid red; } .div2 { display: inline-block; he ...
分类:
其他好文 时间:
2020-06-27 00:01:19
阅读次数:
86