随笔分类 -  css

弹性盒
摘要：box-sizing:border-box //怪异盒模型 弹性盒新布局方式,特别适合移动布局 设置父的box为display:flex; 弹性盒子 1:让子元素默认横向排列 2:行内元素,变成块级元素 3:盒子内只有一个元素的时候,margin:auto; 可以让子元素,水平和垂直都居中 4:fl 阅读全文
posted @ 2023-04-29 14:46 Microtiger 阅读(25) 评论(0) 推荐(0) 编辑
什么是弹性（display: flex）布局 ？
摘要：display:flex 意思是弹性布局，它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display: flex; } 注意，设为 阅读全文
posted @ 2023-04-26 10:23 Microtiger 阅读(4709) 评论(0) 推荐(0) 编辑
td 内容自动换行 table表格td设置宽度后文字太多自动换行
摘要：设置table 的 style="table-layout:fixed;" 然后设置td的 style="word-wrap:break-word;white-space:normal;" 即可 好用 阅读全文
posted @ 2022-02-08 10:22 Microtiger 阅读(170) 评论(0) 推荐(0) 编辑
qq在线客服代码
摘要：http://wpa.qq.com/msgrd?v=3&uin=1456262869&site=www.cactussoft.cn&menu=yes 阅读全文
posted @ 2018-04-19 11:45 Microtiger 阅读(315) 评论(0) 推荐(0) 编辑
css 相对绝对定位
摘要：用Div+CSS进行网站布局时，做一些浮动层等特殊特殊效果时要考虑到定位问题。这就要用到Position属性等。Position属性有四个值：static、fixed、absolute和relative， overflow:hidden;的设置会影响z-index失效 后面两个在布局中的定位里是经常 阅读全文
posted @ 2017-12-05 15:32 Microtiger 阅读(211) 评论(0) 推荐(0) 编辑
层就自动适应高度
摘要：无标题文档 不设置height,加上overflow:hidden; 层就自动适应高度 不设置height,加上overflow:hidden; 层就自动适应高度 阅读全文
posted @ 2017-12-05 15:29 Microtiger 阅读(149) 评论(0) 推荐(0) 编辑
css兼容
摘要：css兼容text-align:left!important; height:32px!important;line-height:32px!important;*width:278px; *margin-top:2px;color:#666!important;border:none; *bord 阅读全文
posted @ 2017-12-05 15:28 Microtiger 阅读(154) 评论(0) 推荐(0) 编辑
CSS 后代选择器
摘要：.ppzx{ margin-top:30px;} .ppzx .left{ width:253px; float:left;} .ppzx .right{ width:700px; line-height:38px; color:#1e5836; padding-left:50px; float:left; background:url(home_23.jpg); height:40px;;} ... 阅读全文
posted @ 2017-12-05 15:27 Microtiger 阅读(318) 评论(0) 推荐(0) 编辑
解决ul里最后一个li的margin问题
摘要：在html+css布局里ul>li挺常用的，在群里（WEB前端开发 458732443）总有新手问怎么解决li的最后一个margin值的问题。下面介绍一下，大神请不要拍砖。先看两个demo，你可以先运行，改变box的宽度看一下。1、运用css3的nth-child(3n) 2、运用margin负值 阅读全文
posted @ 2017-12-05 15:19 Microtiger 阅读(2259) 评论(0) 推荐(0) 编辑