translate()函数是css3的新特性.在不知道自身宽高的情况下，可以利用它来进行水平垂直居中.。 当使用：top: 50%;left: 50%;， 是以左上角为原点，故不处于中心位置 translate(-50%,-50%) 作用是，往上（x轴）,左（y轴）移动自身长宽的 50%，以使其居于 ...
分类：
其他好文 时间：
2018-11-21 10:21:58
阅读次数：
1830
以上方法在Android上显示水平垂直居中， 但在IOS上只能水平居中, 方法是在IOS上添加lineHeight: 100, 如下 别忘了在react-native模块中导入组件 StyleSheet和Platform ...
分类：
其他好文 时间：
2018-11-20 17:11:08
阅读次数：
409
(1) 水平居中 a. 行内元素水平居中 因为img是行内元素(行内块级元素也一样)父级元素设置text-align:center即可，例如： <div style="width: 600px; height: 300px; border:1px solid red;text-align: cent ...
分类：
Web程序 时间：
2018-11-19 16:15:35
阅读次数：
245
网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式 ...
分类：
其他好文 时间：
2018-11-19 11:09:30
阅读次数：
211
最近项目中使用fop和xslfo打印pdf，遇到一些问题记录下来： 1、表格跨行、跨列： 使用number-rows-spanned和number-columns-spanned属性 比如：<fo:table-cell number-rows-spanned="10" > 2、表格中的文本垂直居中: ...
分类：
其他好文 时间：
2018-11-12 11:30:18
阅读次数：
203
常用前端布局，CSS技巧介绍 对前端常用布局的整理总结，并对其性能优劣，兼容等情况进行介绍 css常用技巧之可变大小正方形的绘制 元素高度可变，需要元素内部元素水平垂直居中（主要是垂直）方案 对于单行文本和多行文本超出部分 ... 自定义文本选择样式 杂项 css变量使用 查看详情 border为1 ...
分类：
Web程序 时间：
2018-11-11 19:12:07
阅读次数：
169
父元素一定是块元素,根据子元素不同分为以下几种: 1.子元素是行内元素: a.水平居中:在父元素上设置: text-align:center; b.垂直居中:在行内子元素上设置行高与父元素相同: line-height=parent.height; 2.子元素是多行内联文本或图片: a.水平居中:父 ...
分类：
Web程序 时间：
2018-11-10 17:52:19
阅读次数：
232
布局是CSS中一个重要部分，下面总结了CSS布局中的常用技巧，包括常用的水平居中、垂直居中方法，以及单列布局、多列布局的多种实现方式（包括传统的盒模型布局和比较新的flex布局实现）。 一、居中方式 水平居中 水平居中对于子元素为行内元素还是块状元素，宽度一定还是宽度未定，采取的布局方案是不同。 行 ...
分类：
Web程序 时间：
2018-11-09 19:26:48
阅读次数：
217
顽石系列：CSS实现垂直居中的五种方法 在开发过程中，我们可能沿用或者试探性地去使用某种方法实现元素居中，但是对各种居中方法的以及使用场景很不清晰。参考的内容链接大概如下： 行内元素：https://blog.csdn.net/bwf_erg/article/details/69844527 MDN ...
分类：
Web程序 时间：
2018-11-02 00:25:20
阅读次数：
185
使用flex 定位方式： margin:auto; ...
分类：
其他好文 时间：
2018-10-25 15:44:42
阅读次数：
118
