试验版： 每过2秒，动态切换图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图实现</title> <style type="text/css"> /*标题样式*/ p{ text-align:ce ...
分类：
Web程序 时间：
2020-05-02 00:04:08
阅读次数：
82
flex中align-self给指定的iitem(子元素)设置对齐方式 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ...
分类：
其他好文 时间：
2020-05-01 20:47:21
阅读次数：
72
一.水平居中 (1)直接父集设置text-align:center; .parent{text-align:center;} <div class="parent"> <div class="child">DEMO</div> </div> 优点：兼容性好，甚至可以兼容ie6、ie7缺点：child ...
分类：
其他好文 时间：
2020-05-01 16:39:00
阅读次数：
61
代码实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .f{display:flex;} .f1{flex:1;} .ac{align-items:center;} .w50px{width:50px;} .w100{wi ...
分类：
其他好文 时间：
2020-05-01 14:47:10
阅读次数：
66
效果图 主题 SimpleMemory 页面定制CSS代码 /*生成博客目录的CSS*/ #uprightsideBar{ font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:left; position:fixe ...
分类：
其他好文 时间：
2020-05-01 14:34:19
阅读次数：
46
1.在index.wxcss里设置 第三个元素类i3里单独设置 align-items: flex-end; 全部元素设置 align-items: baseline（解释：以文字进行对齐）; 2.在index.wxml里设置 class="item i3" 3.交叉轴上的布局 4.1flex-gr ...
分类：
其他好文 时间：
2020-04-29 17:55:58
阅读次数：
69
页面顶部提示维护信息 <div class="top-tips" style="background-color: #FFF8D9;border-bottom: 1px solid #FEBE8F;height: 28px;overflow: hidden;text-align: center;wi ...
分类：
Web程序 时间：
2020-04-29 12:30:25
阅读次数：
126
第一种方法： .item{ margin-left:auto; } 第二种方法： .item{ flex: 1; text-align: right; } ...
分类：
其他好文 时间：
2020-04-28 13:24:31
阅读次数：
292
<style type="text/css"> .hotsearch dd{ float: left; line-height: 24px; margin-right: 30px; overflow: hidden; text-align: center; width: 4em; /*这个值是看最长 ...
分类：
Web程序 时间：
2020-04-27 13:40:32
阅读次数：
76
简介： Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 基本概念 采用Flex布局的元素，称为Flex容器（flex ...
分类：
Web程序 时间：
2020-04-25 13:07:32
阅读次数：
79
