css 动画问题

Question

由于div内文字长度改变（非直接指定数值）造成的宽度改变，可以只通过CSS 实现过渡效果么？

我这里只是拿文字举个例子 ， 就比如 子元素大小变化 导致父元素大小随之变化，这时候父元素 变化的过渡效果可以拿纯CSS 实现么，类似 transition 那种效果

Answer 1

注意，宽度width是不存在渐变的，只有min-width,max-width支持。初始写最小宽度，过渡写最大宽度，这样就行了。

Answer 2

div float或者inline-block即可让DIV宽度随文字变化而变化。
但是这个前提是DIV内文字只有一行。
如果超过一行了，DIV内文字何时换行是由div的宽度决定的。

Answer 3

div中添加文字时候，由于文字的宽度是一个定值（div宽度由内容撑开），则div宽度则会瞬间增加一个定值，也就是不能实现平缓过渡。

不过如果你知道增加的内容，可以获得文字的宽度，通过js动画先增加div宽度，再填这些文字。

Answer 4

可以试试，在父元素上使用，transition:all 0.5s

Answer 5

transition 只介于0 1之间. 高度和宽度的auto并不能触发，不过办法总是有的,相信你就是在找这个答案。

http://www.zhangxinxu.com/wordpress/2015/01/content-loading-height-cha...

张大神的.