美文网首页mac学习html心得
HTML里h1~h6标签和p标签里的内容不会自动换行？

HTML里h1~h6标签和p标签里的内容不会自动换行？

作者: 九天懒猫 | 来源:发表于2022-11-03 00:44 被阅读0次

1-p标签内文字在界面内是换行显示的，但是在网页中不换行，问题怎么用现有学习的知识解决.

上图中单纯的在p标签内换行，但是没有显示换行，怎么用初学经验解决

1-1 使用标题标签h1~h6实现换行

1-2 用p标签断开，实现换行

1-3用换行标签 br 实现换行

1-4用分割线实现换行

（仅是学习总结，相信还有其他的办法，但是现阶段html还没有学到，后期再加～）

古诗文文字示例

筹笔驿

抛掷南阳为主忧，北征东讨尽良筹。

时来天地皆同力，运去英雄不自由。

千里山河轻孺子，两朝冠剑恨谯周。

唯余岩下多情水，犹解年年傍驿流。

示例截图如下（去掉一些自己测试写的东西主要的留下了刚好能截全）

（仅为个人自学的一点点思考，如有错漏，欢迎留言指正,还有许多的问题呈现，敬请期待～～～）

相关文章

  • 2018-11-15

    HTML <body> <h1>~<h6>标题标签 p: br换行标签</p></li><li id="r2"><a href="/user/rtokgttx.html"><img src="https://img.haomeiwen.com/is9717508/b16e149a059c3145.jpeg" width="80"></a><h3><a href="/subject/xipstdtx.html">HTML里h1~h6标签和p标签里的内容不会自动换行？</a></h3><p>1-p标签内文字在界面内是换行显示的，但是在网页中不换行，问题怎么用现有学习的知识解决. 上图中单纯的在p标签内换...</p></li><li id="r3"><a href="/user/zsqnjttx.html"><img src="https://img.haomeiwen.com/is4958771/8c5338403443f340.jpg" width="80"></a><h3><a href="/subject/wupiattx.html">html阶段第一小节第三天</a></h3><p> HTML的标签（中） 标题标签：h1~h6，块级标签 语法： 标题内容 ...</p></li><li id="r4"><h3><a href="/subject/hzxcwttx.html">第二天</a></h3><p>1.标签的常用用法 -h1~h6标签的使用 -P段落标签的使用 -hr水平线标签的使用，br换行标签的使用 -sp...</p></li><li id="r5"><a href="/user/lkbdxttx.html"><img src="https://img.haomeiwen.com/ud/3-9a2bcc21a5d89e21dafc73b39dc5f582.jpg" width="80"></a><h3><a href="/subject/rngyqttx.html">HTML常用标签</a></h3><p>HTML标题标签 HTML标题是通过< h1>~< h6>等标签进行定义的 实例 效果 This is a h1 ...</p></li><li id="r6"><h3><a href="/subject/dqljlxtx.html">html基础</a></h3><p>HTML CSS 1.HTML写结构 HTML : 标签分类: 块元素: h1~h6 div p ul ol...</p></li><li id="r7"><h3><a href="/subject/ctpomctx.html">HTML系列知识（二）</a></h3><p>HTML段落 标签即表示段落，是paragraph的缩写，自带换行效果 在p标签中的文本会自动换行，不在p标签中的...</p></li><li id="r8"><h3><a href="/subject/dndhjhtx.html">HTML标签分类</a></h3><p>HTML常用标签分类 块级标签 块级标签有哪些 div 区分大模块 h1~h6 标题 p 段落 ul>li 无序列...</p></li><li id="r9"><h3><a href="/subject/fehyzttx.html">Html 常用标签</a></h3><p>div 块标签 img 图片标签 单标签 h 标题标题 h1 -h6 p 段落 标签 p 段落 标签 stron...</p></li><li id="r10"><h3><a href="/subject/ssrwbxtx.html"> 菜鸟学习前端（各种标签）</a></h3><p>p ===表示段落 单标签 ==换行标签 .... 字体标签 h1最大 粗体标签 斜体标...</p></li></ul></div></div><div id="comments"><h2>网友评论</h2><ul></ul></div><ul><li><a href="/c/mbidcttx.html">mac学习html心得</a></li></ul><div class="article_by"><div class="bytitle"><p>本文标题：<font color="#666">HTML里h1~h6标签和p标签里的内容不会自动换行？</font></p><p>本文链接：<font color="#666">https://www.haomeiwen.com/subject/xipstdtx.html</font></p></div></div></div><div class="meiwen-left fl mb"><div class="title ht"><h3>延伸阅读</h3><div class="share fr" id="bdshare"></div><i class="lt"></i><i class="rt"></i></div><div class="related"><ul class="related-list"><li><a class="meiwen" href="/mw/lbyctttx.html">那年盛夏诗歌</a></li><li><a class="meiwen" href="/sy/kbyctttx.html">环境监察队工作总结范文</a></li><li><a class="meiwen" href="/sy/hbyctttx.html">优秀教师学习心得范文</a></li><li><a class="meiwen" href="/sy/cbyctttx.html">华胥引的读后感300字</a></li><li><a class="meiwen" href="/yw/qbyctttx.html">《Its red》教学反思范文</a></li><li><a class="meiwen" href="/sy/fbyctttx.html">农资购销的合同范本</a></li><li><a class="meiwen" href="/sy/xbyctttx.html">竞选中队委优秀演讲稿</a></li><li><a class="meiwen" href="/yw/tbyctttx.html">辞金蹈海的成语解释</a></li><li><a class="meiwen" href="/ja/zvyctttx.html">《世纪宝鼎》公开课教案设计</a></li></ul></div><div class="picture" ><ul class="picture-list"><li><a class="meiwen" href="/article/69641.html"><img class="lazy" data-original="/uploads/allimg/1611/1-1611292156350-L.jpg" width="150" height="120" alt="因为爱你，所以牵挂"/><span>因为爱你，所以牵挂</span></a></li><li><a class="meiwen" href="/article/84632.html"><img class="lazy" data-original="/uploads/userup/2800/14V4C648-O08.jpg" width="150" height="120" alt="今生今世红尘醉——美到心碎的古诗词"/><span>今生今世红尘醉——美到</span></a></li><li><a class="meiwen" href="/article/53482.html"><img class="lazy" data-original="/uploads/allimg/1609/1-160ZPU1030-L.jpg" width="150" height="120" alt="一个90后的内心独白"/><span>一个90后的内心独白</span></a></li><li><a class="meiwen" href="/article/3639.html"><img class="lazy" data-original="/uploads/userup/1159/1432YGR-9294.jpg" width="150" height="120" alt="致已逝去的高中年华"/><span>致已逝去的高中年华</span></a></li></ul></div></div><div class="meiwen-left fl mb"><div id="pinglun"><div id="SOHUCS"></div></div></div><div class="meiwen-left fl"><div class="title ht"><h3>深度阅读</h3><ul class="list"><li><font color="#A2B088">您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！</font></li></ul><i class="lt"></i><i class="rt"></i></div><ul class="tags"><li><a class="meiwen" href="/huati/qingrenjie/">情人节</a></li><li><a class="meiwen" href="/huati/muqinjie/">母亲节</a></li><li><a class="meiwen" href="/huati/chongyangjie/">重阳节</a></li><li><a class="meiwen" href="/huati/qingmingjie/">清明节</a></li><li><a class="meiwen" href="/huati/duanwujie/">端午节</a></li><li><a class="meiwen" href="/huati/zhishujie/">植树节</a></li><li><a class="meiwen" href="/huati/yuanxiaojie/">元宵节</a></li><li><a class="meiwen" href="/huati/funvjie/">妇女节</a></li><li><a class="meiwen" href="/huati/yurenjie/">愚人节</a></li><li><a class="meiwen" href="/huati/shengdanjie/">圣诞节</a></li><li><a class="meiwen" href="/huati/fuqinjie/">父亲节</a></li><li><a class="meiwen" href="/huati/jiaoshijie/">教师节</a></li><li><a class="meiwen" href="/huati/ertongjie/">儿童节</a></li><li><a class="meiwen" href="/huati/laodongjie/">劳动节</a></li><li><a class="meiwen" href="/huati/qingnianjie/">青年节</a></li><li><a class="meiwen" href="/huati/jianjunjie/">建军节</a></li><li><a class="meiwen" href="/huati/wanshengjie/">万圣节</a></li><li><a class="meiwen" href="/huati/pinganye/">平安夜</a></li><li><a class="meiwen" href="/huati/guanggunjie/">光棍节</a></li><li><a class="meiwen" href="/huati/zhongqiujie/">中秋节</a></li><li><a class="meiwen" href="/huati/guoqingjie/">国庆节</a></li><li><a class="meiwen" href="/huati/ganenjie/">感恩节</a></li><li><a class="meiwen" href="/huati/labajie/">腊八节</a></li><li><a class="meiwen" href="/huati/">更多话题</a></li></ul></div><div class="cl"></div></div><div class="article-right"><div class="meiwen-right fr mb"><dt class="title hd"><h3>栏目导航</h3><i class="lt"></i><i class="rt"></i></dt><ul class="list-nav"><a class="meiwen" href="/c/mbidcttx.html">mac学习html心得</a><a class="meiwen" href="/c/hqtttttx.html">摄影</a><a class="meiwen" href="/c/vqtttttx.html">故事</a><a class="meiwen" href="/c/uttttttx.html">互联网</a><a class="meiwen" href="/c/cttttttx.html">读书</a><a class="meiwen" href="/c/yttttttx.html">旅行</a></ul></div></div><div class="meiwen-right fr mb"><div class="title hd"><h3>热点阅读</h3><i class="lt"></i><i class="rt"></i></div><ul class="right-list"><li><a class="meiwen" href="/subject/yvpstdtx.html">日记</a></li><li><a class="meiwen" href="/subject/dvpstdtx.html">读书笔记《商业至简》</a></li><li><a class="meiwen" href="/subject/lvpstdtx.html">回到原点。</a></li><li><a class="meiwen" href="/subject/cvpstdtx.html">注读《两般秋雨盫随笔》卷四399：横看</a></li><li><a class="meiwen" href="/subject/ompstdtx.html">你后悔放弃读书了吗？</a></li><li><a class="meiwen" href="/subject/gmpstdtx.html">第五天参加SCIM教培</a></li><li><a class="meiwen" href="/subject/umpstdtx.html">年轻人</a></li><li><a class="meiwen" href="/subject/jmpstdtx.html">另一个态度面对自己</a></li><li><a class="meiwen" href="/subject/cmpstdtx.html">太使劲的爱，换不来想要的结果</a></li><li><a class="meiwen" href="/subject/qmpstdtx.html">缘起</a></li></ul></div><div class="meiwen-right fr mb"><div class="title hd"><h3><a href="/c/mbidcttx.html">mac学习html心得</a></h3><i class="lt"></i><i class="rt"></i></div><ul class="right-list"><li><a class="meiwen" href="/subject/inektdtx.html">自学html-01</a></li><li><a class="meiwen" href="/subject/yvgrtdtx.html">HTML中的标签是不是都成对？单个标签是什么情况？</a></li><li><a class="meiwen" href="/subject/ycndtdtx.html">是什么组成了html？html组成元素有哪些？</a></li><li><a class="meiwen" href="/subject/xipstdtx.html">HTML里h1~h6标签和p标签里的内容不会自动换行？</a></li><li><a class="meiwen" href="/subject/wqrytdtx.html">如果两个文字格式化标签包裹，字体会如何显示？</a></li><li><a class="meiwen" href="/subject/utoutdtx.html">控制空格换行和保留空格显示的pre</a></li><li><a class="meiwen" href="/subject/mtbvtdtx.html">br在标签内，在标签外有什么不同，在不同标签内有什么不同</a></li><li><a class="meiwen" href="/subject/rbiitdtx.html">标注-上标和下标的使用-如何跳转同页面，跳转链接？</a></li><li><a class="meiwen" href="/subject/jmmgtdtx.html">文字如何居中，居左，居右？</a></li></ul></div></div></div></div><div class="footer"><p class="p_1"><a href="/about/aboutus.html">关于我们</a>|<a href="/about/service.html">服务条款</a>|<a href="/about/contact.html">联系我们</a>|<a href="/subject/xipstdtx.html">HTML里h1~h6标签和p标签里的内容不会自动换行？</a>|<a href="/about/tougao.html">投稿指南</a>|<a href="/sitemap.html">网站地图</a>|<a href="/rssmap.html">RSS订阅</a>|<a href="/about/paiban.html">排版工具</a>|<a href="javascript:vod(0);" onclick="Mobileurl()">手机版</a></p><p class="p_2">提供<a href="/meiwen/zhaichao/">经典美文摘抄</a>,<a href="/sanwen/">优美散文欣赏</a>,<a href="/shige/xiandai/">现代诗歌精选</a>,<a href="/xiaoshuo/">短篇小说</a>,<a href="/diary/suibi/">心情随笔</a>,<a href="/qingshu/">表白情书</a><a href="/fanwen/">范文</a>,<a href="/gushi/">故事会在线阅读</a>欣赏</p><p class="p_2">Copyright © 2014-2023 <a href="/">Haomeiwen.com</a> All Rights Reserved. <a href="/">好美文阅读网</a> 版权所有</p><p class="p_2">备案信息：<i></i>桂公网安备 45052102000051号 · 桂ICP备13007215号-3</p><div class="footer_service"><p class="p_2">本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯</p><p class="p_2">所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！</p></div></div><script src="https://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript" src="https://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.min.js"></script><script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script><script type="text/javascript" src="/img/jquery.meiwen.min.js"></script></body></html>