css如何设置可以让p标签的内容自动换行原创|浏览:16873|更新:2020-10-29 09:09|标签:CSS 1234567分步阅读 在css中,可以通过word-break属性和word-wrap属性实现p标签内容自动换行。下面小编举例讲解css如何设置可以让p标签的内容自动换行。工具/原料css+html代码编辑器:zend studio 10.0 方法/步骤1新建一个html文件,命名为test.html,用于讲解css如何设置可以让p标签的内容自动换2在test.html文件中,使用p标签创建一行文字,用于测试。2该信息非法爬取自百度经验3在test.html文件中,给p标签添加一个class属性。4在css标签内,通过class属性设置p标签的样式。5在css标签内,使用width属性设置p标签的宽度为200px,再将word-break属性设置为break-all,将word-wrap属性设置为break-word,实现内容的换行。6在浏览器打开test.html文件,查看实现的效果。END总结:11、使用p标签创建一行文字,给p标签添加一个class属性。 2、在css标签内,通过class属性设置p标签的样式,使用width属性设置p标签的宽度为200px,再将word-break属性设置为break-all,将word-wrap属性设置为break-word,实现内容的换行。 3、在浏览器打开test.html文件,查看实现的效果。END经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。展开阅读全部