css中的浮动属性值有哪些_CSS

上一篇: css link与import的区别是什么下一篇:css引入本地图片的方法是什么

css中的浮动属性值有哪些

发布时间：2022-05-17 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了css中的浮动属性值有哪些，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

css中的浮动属性值有：left、right、none、inherIT。float浮动属性可以使元素向左或向右移动，其周围的元素也会重新排列，往往用于图像布局中。

css中的浮动属性值有哪些

本文操作环境：windows10系统、css 3、ThinkPad t480电脑。

浮动属性介绍：

CSS 的 Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。Float（浮动），往往是用于图像，但它在布局时一样非常有用。

浮动属性：

clear 指定不允许元素周围有浮动元素（清除浮动）。

left
right
both
none
inherit

float 指定一个盒子（元素）是否可以浮动。

left
right
none
inherit

举例：

<style>
.thumbnail 
{
	float:left;
	width:110px;
	height:90px;
	margin:5px;
}
</style>
</head>

<body>
<h3>图片库</h3>
<p>试着调整窗口,看看当图片没有足够的空间会发生什么。</p>
<img class="thumbnail" src="/images/klematis_small.jpg" width="107" height="90">
<img class="thumbnail" src="/images/klematis2_small.jpg" width="107" height="80">
<img class="thumbnail" src="/images/klematis3_small.jpg" width="116" height="90">
<img class="thumbnail" src="/images/klematis4_small.jpg" width="120" height="90">
<img class="thumbnail" src="/images/klematis_small.jpg" width="107" height="90">
<img class="thumbnail" src="/images/klematis2_small.jpg" width="107" height="80">
<img class="thumbnail" src="/images/klematis3_small.jpg" width="116" height="90">
<img class="thumbnail" src="/images/klematis4_small.jpg" width="120" height="90">
</body>
</htML>

运行结果：

css中的浮动属性值有哪些

脚本宝典总结

以上是脚本宝典为你收集整理的css中的浮动属性值有哪些全部内容，希望文章能够帮你解决css中的浮动属性值有哪些所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。

标签：

上一篇: css link与import的区别是什么下一篇:css引入本地图片的方法是什么

猜你在找的CSS相关文章