相关疑难解决方法(0)

在响应式设计中指定HTML文本中的首选换行符

我想知道是否有一个CSS或javascript魔法可以在html文本中放置一个标记,以便浏览器知道当文本变得狭窄时,换行创建的位置.有这样的事吗?

html css line-breaks responsive-design

64
推荐指数
4
解决办法
6万
查看次数

可选的换行符HTML实体,始终不可见

我想要一个可选的换行符,它总是不可见的,适用于word-wrap: break-word;CSS样式.

以下是一些细节.我的目标是在合理的地方拆分长链接.这些字符是一个良好的开端:-,.,_,/,\.这不是特定于Rails的问题,但我想分享一些我现在正在使用的代码:

module ApplicationHelper
  def with_optional_line_breaks(text)
    text.gsub(%r{([-._/\\])}, '\1­')
  end
end
Run Code Online (Sandbox Code Playgroud)

这是上面代码的问题:当­生效时(在带有:)的表中word-wrap: break-word;,­显示为-.我不想看到-; 我想要一个没有显示任何角色的换行符.


html line-breaks html-entities

47
推荐指数
3
解决办法
3万
查看次数

零宽度不间断空间

我有一段文字,最后我要插入两个图标.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim 
veniam, quis nostrud exercitation ullamco laboris <img ...><img ...>
Run Code Online (Sandbox Code Playgroud)

我想保持两个图像连接,如果图像溢出两者都应该转到新行,所以我需要的是像&nbsp;零但宽度为零的东西.

是否有一个html实体可以做到这一点或其他方式来实现这一点而不使用包装器?

html css

22
推荐指数
3
解决办法
3万
查看次数