CSS/HTML:仅当屏幕大小<xxx像素时才将换行符添加到HTML？

在这种情况下,我同意其他人,保证金是一个更好的解决方案.但是,对于需要新行的情况(在我的情况下,我需要在窄屏幕上的特定位置包装长URL),您可以插入如下虚拟中断:

HTML:

ALongLineOfUnbrokenText<span class="narrow"></span>ThatNeedsToBeBroken

CSS:

@media (max-width: 400px) {
  .narrow {
    display: block
  }
}

希望其他人会觉得这很有用.