浮动
定义
用于设置元素浮动或清除浮动影响的工具类。
工具类 | 属性 |
---|---|
pull-right | float: right; |
pull-left | float: left; |
clearfix | .clearfix::after {content: ""; display: block; clear: both;} |
提示
浮动应当仅适用于实现文字环绕效果,布局请使用 Flex 工具类。
效果展示
向右浮动
使用工具类 pull-right
将一个元素浮动到其容器的右边。
So I started to walk into the water. I won't lie to you boys, I was terrified. But I pressed on, and as I made my way past the breakers a strange calm came over me. I don't know if it was divine intervention or the kinship of all living things but I tell you Jerry at that moment, I was a marine biologist.
月光如流水一般,静静地泻在这一片叶子和花上。薄薄的青雾浮起在荷塘里。叶子和花仿佛在牛乳中洗过一样;又像笼着轻纱的梦。
向左浮动
使用工具类 pull-left
将一个元素浮动到其容器的左边。
So I started to walk into the water. I won't lie to you boys, I was terrified. But I pressed on, and as I made my way past the breakers a strange calm came over me. I don't know if it was divine intervention or the kinship of all living things but I tell you Jerry at that moment, I was a marine biologist.
月光如流水一般,静静地泻在这一片叶子和花上。薄薄的青雾浮起在荷塘里。叶子和花仿佛在牛乳中洗过一样;又像笼着轻纱的梦。