网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
前端吧 关注：224,103贴子：1,384,460
  • 28回复贴，共1页

来个大哥帮忙看看html换行问题


明明p标签还有很多的空间为什么日期会被从第二个短横线截断换到第二行去，改怎么避免这种情况呢。（目前已经尝试过把日期套上span标签不行还是被换行；p标签加禁止自动换行属性会导致字符串被遮住一部分，同时加上auto属性会出现底部滚动条不想要这个效果；把短横线替换为非换行连字符会导致日期整行被换到第二行······）
现在就是希望在p标签中空间的地方让图片和日期字符串完整的显示在一行，希望各位大佬能给点意见。谢谢！


用display :flex弹性布局做吧


不用p标签 换成盒子div 然后改一下布局试试会有空白吗


如果没有短横线是可以输出很长的字符串占满格子才换行的，现在就是有短横线会导致被异常换行到下面，不知道这个是为什么


css 有强制不换行的属性，你搜下


试下css的 word-break: break-all;


文本换行遇到连续的数字字母是不换行的，图片右侧宽度不够，不足以展示全16以及后面的字母，所以16和后面的字母换行显示了。
右侧宽度不够你想要一行展示全是不行的，想要一行展示要么滚动条，要么超出部分隐藏，别无他法


评论区看来都不看八股文嘛，wbr标签解决你这个问题


前端吧大部门人水平也太离谱了，这不是常见的单词默认不换行吗


我感觉这是你宽度不够了吧，，overflow：hidden是什么效果？


后面单词的宽度就一行了你想怎么展示？如果要第一行占满剩下的在下一行，试试word-break：break-all


先知道问题，再处理…



那些觉得是后面字符串导致的问题的铁子看看这个，同样的元素。去掉后面的字母字符串，尝试删掉一个短横线，然后就会从第一个短横线换行到下面了。


问题已解决，感谢各位大哥大姐大佬的关注及意见。最后检查出来是父级组件的设置问题，反正把父级组件中一个空的元素删掉就可以了。再感谢大家的帮助！


word-break: keep-all


扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！
  • 28回复贴，共1页
分享到: