auto

1. 子元素为行内元素时，父元素使用 text-align: center; 实现子元素的水平居中； 2. 子元素为块级元素时， 　　 2.1. 将子元素设置 margin-left:auto; margin-right:auto; 实现居中； 　　 2.2. 将子元素设置 display: inline-block，然后使用text-align:center实现居中； 　　 2.3. 根据父元素采用绝对定位，右移父元素宽度的一半，再左移自身宽度的一半； 3. 父元素使用flex布局， 　　 3.1. 子元素无论是行内还是块级，采用 align-self: center; 实现水平居中； 　　 3.2. 子元素无论是行内还是块级，采用 margin: 0 auto; 实现水平居中； 实例代码如下： <style> * { 　　margin: 0; } 　　.outer-box1{ 　　　　width: 200px; 　　　　height: 200px; 　　　　border: 5px solid black; 　　　　/* 对父元素设置此样式，则其内的行内元素实现居中 */ 　　　　text-align: center; 　　　　position: relative; 　　} 　　.box1{ 　　　　width: 50px; 　　　　height: 50px; 　　　

转载自： https://www.cnblogs.com/Renyi-Fan/p/9206860.html 深入理解CSS溢出overflow 目录 一、总结 一句话总结：overflow用于对溢出内容的处理。 1、overflow有哪5个常用参数，分别是什么意思？ 二、深入理解CSS溢出overflow 前面的话 定义 属性 失效 应用 回到顶部 > 一、总结（点击显示或隐藏总结内容） 一句话总结：overflow用于对溢出内容的处理。 1、overflow有哪5个常用参数，分别是什么意思？ visible | hidden | scroll | auto | inherit visible 元素的内容在元素框之外也可见 auto 如果内容被剪裁，则浏览器会显示滚动条以便查看其余的内容 scroll 元素的内容会在元素框的边界处剪裁，但浏览器会显示滚动条以便查看其余的内容 hidden 元素的内容会在元素框的边界处剪裁，并且超出剪裁区域的内容不可见 回到顶部 二、深入理解CSS溢出overflow 回到顶部 前面的话 　　当一个元素固定为某个特定大小，但内容在元素中放不下。此时就可以利用overflow属性来控制这种情况 定义 overflow溢出 　　值: visible | hidden | scroll | auto | inherit 　　初始值: visible 　

目录 基本概念 流 块级元素和内联元素 width: auto 和 height: auto 外在盒子和内在盒子 css权重和超越`!important` 盒模型（盒尺寸） 内联盒模型 替换元素 盒模型四大金刚 content padding margin border 好基友`line-height`和`vertical-align` 字母 x 的角色 line-height vertical-align 流的破坏 `float`属性的特性 `clear`的作用和不足 BFC：块级格式化上下文 绝对定位`position: absolute` 层叠规则 层叠上下文 CSS3新增层叠上下文 弹性布局 网格布局 文本控制 `::first-letter` 应用实例 `text-transform` 应用 `word-spacing` 空格间隙 `white-space ` 空白处理 `text-align: justify`（本文重点例子!） 元素的显示与隐藏 元素隐藏方法总结： `display: none`与`visibility: hidden`的区别 基本概念 这些基本概念有些可能不易理解但却都很重要，如果看完还是很不理解的话需要自己谷歌或百度，网上关于这些概念的文章不少。 流 “流”又叫文档流，是css的一种基本定位和布局机制 。流是html的一种抽象概念

C++11 supports a new function syntax: auto func_name(int x, int y) -> int; Currently this function would be declared as: int func_name(int x, int y); The new style does not seem to be widely adopted yet (say in the gcc stl) However, should this new style be preferred everywhere in new C++11-programs, or will it only be used when needed? Personally, I prefer the old style when possible, but a code-base with mixed styles looks pretty ugly. James McNellis There are certain cases where you must use a trailing return type. Most notably, a lambda return type, if specified, must be specified via a

How does generic lambda work ( auto keyword as an argument type) in C++14 standard? Is it based on C++ templates where for each different argument type compiler generates a new function with the same body but replaced types (compile-time polymorphism) or is it more similar to Java's generics (type erasure)? Code example: auto glambda = [](auto a) { return a; }; Andy Prowl Generic lambdas were introduced in C++14 . Simply, the closure type defined by the lambda expression will have a templated call operator rather than the regular, non-template call operator of C++11 's lambdas (of course, when

来源 | 般若无界 作者 | 舒欣 效果展示 前两天我收到策划妹子的请求，需要在微信公众号里面做一篇推文。这个推文和以往不同，需要有两张图片无缝拼接，并且下方图片可以滚动的效果。 这个效果目前用微信自带的编辑器是无法实现的，毕竟功能有限，而这个需求也相对要小众一些。不过这个效果是很不错的，在微信推文中浏览会让人耳目一新。 从上图可以看出，首先是一张海报，乍一看没什么，以为就是一张图片。当你用手指滑动屏幕看下面内容时，你会惊奇的发现海报下半部分的内容时是可以滚动的，而且滚动到最底部后海报又回到了最初的状态。是不是很神奇？下面小编我将带你一探究竟！ 技术实现原理 之前我们技术部做过一个端午节的推文，和这个类似，只不过那个是上面滚动下面固定，而这个是反过来了。端午节的推文案例效果如下： 我仔细看了下源码，发现原理是类似的。这个技术的关键有两点，一是上下两张图要 无缝衔接 ，而且宽度要相同。 二是 图片固定区域滚动 ，下面的长图不能一开始全部显示出来，而是先显示开头的一部分，这一部分的高度是固定的。 下面的内容初始隐藏，只有通过滚动才会出现下面的内容。滚动到最下方的时候，会发现海报合上了，这里其实是一个障眼法，下方图片的底部正好是和顶部一样的图（只有文字提示不一样），这里对设计有特殊要求，第二种长图的顶部和底部的内容是要保持高度一致的，为了实现这个效果，好的设计是必不可少的