1.两栏布局（左固定，右适应） 先写出初始样式和结构。 <div class="container"> <div class="left">Lorem ipsum dolor sit amet</div> <div class="right">Lorem ipsum dolor sit amet</ ...
分类：
Web程序 时间：
2018-12-17 14:21:29
阅读次数：
155
一.形变 二.动画animation 三.表格 四.多行文本垂直居中 ...
分类：
Web程序 时间：
2018-12-17 02:07:10
阅读次数：
576
flex属性设置详解:http://www.cnblogs.com/lvmylife/p/7670149.htmlCSS实现垂直居中:https://www.cnblogs.com/lvmylife/p/5453844.html关于CSS中display的32种写法:https://baijiaha ...
分类：
Web程序 时间：
2018-12-16 21:29:44
阅读次数：
169
前言： 最近在学习网页的布局，以下是我阅读过几篇比较好的博客简单的做了一个简单总结、并简单的尝试了一下。希望为以后的开发有所帮助。 参考博客：弹性布局详解 Flux布局教程 一、Flex布局是什么 Flex布局，又称“弹性布局”。2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整 ...
分类：
其他好文 时间：
2018-12-16 13:27:45
阅读次数：
153
# 表格# table的display: table# table显示规则注意点:当设置的盒子高度大于显示内容需求高度,采用设置高度;反之则由显示内容撑开# border:设置边框宽度# cellspacing: 单元格间的间距# cellpadding: 单元格的内边距==>th，td设置padd ...
分类：
其他好文 时间：
2018-12-16 11:19:12
阅读次数：
166
图片水平垂直居中情况很多，最简单的办法是吧图片设置为背景，给背景设置background-position:center; 如果只能用图片的话： 1.图片宽高固定，这种情况很简单。水平居中：就在图片的css中加 dispaly:block;margin:0 auto;垂直居中：自己算出（div的高度 ...
分类：
其他好文 时间：
2018-12-15 11:48:10
阅读次数：
151
1复习(过度,阴影,伪类设计边框,) 2形变 2.1形变代码演示 3动画 4表格 5.多行文本垂直居中 ...
分类：
其他好文 时间：
2018-12-14 22:40:01
阅读次数：
165
今天写前端的时候，在HTML表格里使用如下命令设置垂直方向的居中对齐： 运行结果显示如下： 因为表头一行已经设置了valign属性为middle，所以以为结果应该是垂直居中的，不知道为什么”所有图书信息“这个二级标题是贴紧表格顶端的。查了半天百度和Google也无解，于是我在DreamWeaver中 ...
分类：
Web程序 时间：
2018-12-13 23:32:28
阅读次数：
287
续： line-height 用于设置一行文本行高，一般用于文本的垂直居中； display 用于设置元素的显示方式 float 浮动，让元素漂浮起来排列 浮动的影响： a.浮动后，行内元素可以支持宽高 b.文本会让位，绕排 c.不能撑起父级高度，父级若没设高度，就没有高度； 清除浮动影响： a.给 ...
分类：
Web程序 时间：
2018-12-13 19:36:09
阅读次数：
225
最近写网页经常需要将div在屏幕中居中显示，遂记录下几个常用的方法，都比较简单。水平居中直接加上<center>标签即可，或者设置margin:auto;当然也可以用下面的方法下面说两种在屏幕正中（水平居中+垂直居中）的方法放上示范的html代码：<body> <div class="main"> ...
分类：
其他好文 时间：
2018-12-13 10:26:54
阅读次数：
173
