如何使用css实现文字环绕
程序员文章站
2022-03-25 16:06:06
...
这篇文章主要介绍了关于如何使用css实现文字环绕,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下
html:
<p class="wrap-p-topSpacer"></p> <p class="wrap-p"> <img src="image/tineng1.png" alt=""> </p> <p style="font-size: 16px;text-indent: 2rem;">通过体能测试获得基本数据资料,由此找到幼儿体能训练的更好方法,以促进幼儿体能的提高,测试结果也将为幼儿园调整户外体育活动的组织形式,开展体育区域活动,变“集中统一活动”为“分区自主活动”,变“同年龄班活动”为“混龄班活动”,创设开放性的体育活动环境提供科学数据和对比依据。充分利用测试结果发现问题,“用幼儿感兴趣的方式发展基本动作,提高动作的协调性、灵活性以及平衡性”,逐步形成园本教育特色,打造园所教育品牌,凸现园所文化,为孩子一生运动能力和良好运动习惯打下基础。</p>
css:
p.wrap-p-topSpacer { width: 0px; height: 40px; float: left; }p.wrap-p { float: left; clear: both; margin: 10px 25px 0 0; width: 25%; text-align: center; background: #0088cc; color: #FFF; }p.wrap-p-right { float: right; width: 50%; }
页面效果:
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
以上就是如何使用css实现文字环绕的详细内容,更多请关注其它相关文章!
上一篇: 如何使用css实现文字环绕
推荐阅读
-
在HTML中如何实现链接选择?详见内容_html/css_WEB-ITnose
-
求解答web中用easyui如何实现柱形图_html/css_WEB-ITnose
-
使用php生成图片,如何将文字放置到图片的中心?
-
如何利用CSS实现图片的透明效果_html/css_WEB-ITnose
-
使用 CSS3 伪元素实现立体的照片堆叠效_html/css_WEB-ITnose
-
CSS之“绝对定位”的盒子使用margin:0px auto;不能实现水平居中的解决方案
-
使用node.js如何实现多用户web终端显示
-
使用css中的page-break-after属性来实现WEB页面强制分页打印
-
使用css3实现文章新闻列表排行榜(数字)_html/css_WEB-ITnose
-
[PHP]移动端网页如何使用JqueryMobile+PHP实现上传图片的功能