1 网站排版模块化 2 先排好外面框架,再排内部具体 3 模块与模块间用margin (尽量设置一边,如果是margin-top 就都用margin-top),内部用padding 4 外面最大100%,内部有border或者超过最大宽度时需要给外面设置 box-sizing: border-box ...
分类:
其他好文 时间:
2020-05-15 11:40:26
阅读次数:
73
color: #666666; font-size: 16px; line-height: 22px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-cl ...
分类:
Web程序 时间:
2020-05-14 19:41:59
阅读次数:
144
<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin-top: 10px; box-sizing: border-box; } span{ display:inline; width: 200p ...
分类:
编程语言 时间:
2020-05-11 13:34:43
阅读次数:
90
一次在商城项目中学到,产品说所有的商品缩略图都要展示正方形 上代码 众所周知,一个元素要为正方形, 就可以了。可是,如果高度是不限定的呢?如何自适应的保持正方形呢? 效果: 原理: 这是一个css小技巧: 当 padding bottom/padding top/margin top/margin ...
分类:
Web程序 时间:
2020-05-10 21:36:08
阅读次数:
328
简单,就直接上代码: <div style="text-align: center; font-size:20px; margin-bottom:0px; margin-top:0px; opacity:0.5; ">欢迎来到Panda.Li个人博客!</div> 注意:代码需要放在“页首 “HTM ...
分类:
其他好文 时间:
2020-05-07 01:09:03
阅读次数:
84
需要实现如下效果 如果仅仅在.small里面加 margin-top的话,因为margin-top具有传递性,会传递到父元素上面,导致两个盒子同时向下移。 解决办法:1. 子元素加上margin-top后,在父元素上增加overflow:hiden; 2. 在父元素加上padding-top值,注意 ...
分类:
其他好文 时间:
2020-04-29 23:40:11
阅读次数:
67
最大的不同是在等待时 wait 会释放锁,而 sleep 一直持有锁。Wait 通常被用于线 程间交互,sleep 通常被用于暂停执行。 直接了解的深入一点吧: 在 Java 中线程的状态一共被分成 6 种: 初始态:NEW 创建一个 Thread 对象,但还未调用 start()启动线程时,线程处 ...
分类:
编程语言 时间:
2020-04-25 00:48:29
阅读次数:
98
.account { width: 400px; margin-top: 30px; margin-left: auto; margin-right: auto; border: 1px solid #f0f0f0; padding: 10px 30px 30px 30px; -webkit-box ...
分类:
其他好文 时间:
2020-04-06 15:57:17
阅读次数:
93
css盒子模型 外边距 margin 定义方式 1. 单独定义一边 margin top:定义盒子顶部的边距 margin bottom:定义盒子底部的外边距 margin left:定义盒子左边的外边距 margin right:定义盒子右边的外边距 2. 复合定义 margin:上 左 下 右; ...
分类:
Web程序 时间:
2020-04-05 22:25:03
阅读次数:
105
body中的内容如下所示,设置两个div盒子元素,其中分别放置两个p标签并写上文字。 第一种情况,css样式如下,注意给box1中的p标签设置了浮动属性,当一直调大margin-top的值,直到p标签中的文字超出了box1的范围,会发现box2中的文字不再居左显示,而是紧跟第一段文字后面显示,即使b ...
分类:
其他好文 时间:
2020-04-05 20:21:53
阅读次数:
84