我经常发现我希望控制句子的断开/换行方式,例如:
Hello there Mr Nemesis X, welcome to the interwebs!
Run Code Online (Sandbox Code Playgroud)
如果视口很窄,我希望它在逗号之后换行,因此两条逻辑行在一起:
即GOOD:仅当视口太窄而无法显示整个屏幕时
Hello there Mr Nemesis X, |<----- viewport width
welcome to the interwebs!
Run Code Online (Sandbox Code Playgroud)
坏的:
Hello there Mr Nemesis X, welcome to the |<----- viewport width
interwebs!
Run Code Online (Sandbox Code Playgroud)
目前,我将这两个句子放在两个<span>s 中,并使用 flex 来确保它们包装在一起,这对我经常做的事情来说是一个多么大的使命。我了解了<wbr>,听起来如果我用 say 替换所有空格就可以工作 ,但这不是它的定义目的。有<br>,但总是会中断。所以我正在寻找类似“换行符”的东西,比如说<lbr>(不存在),如果该行需要换行,它会说嘿,这是一个换行的好地方。