任何人都可以解释为什么以下片段不能正确地连字符“可持续性”这个词吗? 我在谷歌浏览器 FireFox 和 Safari 中对此进行了测试,它们都没有对单词进行连字,但是它们都正确地对单词“连字符”进行了连字符。 到目前为止我的观察: 如果这个词没有大写,连字符开始工作如果我将lang属性从en更改为 ...
任何人都可以解释为什么以下片段不能正确地连字符“可持续性”这个词吗? 我在谷歌浏览器 FireFox 和 Safari 中对此进行了测试,它们都没有对单词进行连字,但是它们都正确地对单词“连字符”进行了连字符。 到目前为止我的观察: 如果这个词没有大写,连字符开始工作如果我将lang属性从en更改为 ...
在 Firefox 中,连字符对普通文本和超链接都有效,出于某种我不明白的原因。 而我希望因为我有:not(a)伪类,所以选择器不应该影响a元素,也就是说,超链接不应该用连字符连接。 换句话说,我希望浏览器应该将div:not(a)理解为“div 中的任何元素,除非这样的元素是a元素”。 但它似乎并 ...
我有一个单词需要连字符,但是在lang=en hyphenate: auto对大写单词不起作用。 因此,在 js 中,我使用切片 function 将单词切成两半,因此需要连字符的后半部分不再算作大写单词。 但是,此解决方案适用于 Chrome,但不适用于 Firefox。 我知道德语允许大写字母 ...
赏金将在 3 天后到期。 这个问题的答案有资格获得+50声望奖励。 Nickofthyme想让更多人关注这个问题。 ...
我正在尝试像这样在行尾打断单词,例如“Lorem ipesm ”,我正在使用word-break:break al 但它不能添加“-”它只能作为示例“ Lor em ipesm”我该如何解决这个问题? ...
这是 Chris Coyier 的一支笔,在他的文章处理长词和 URL中提到: https://codepen.io/team/css-tricks/pen/RWaNxr 。<style> .hyphenate { /* Careful, this breaks the word ...
我正在为德国的一家大公司开发内部网门户。 由于在大公司中,技术流程有时会运行得有点慢,他们仍然使用 IE11 和旧的 MS Edge 浏览器。 由于这些旧浏览器支持 CSS 连字符:auto(参见: https ://caniuse.com/css-hyphens),我开发了一个小 CSS,它启用 ...
我正在尝试使用 CSS 连字符来连接长词,例如在这个例子中如您所见,最后一个字母落在新行上。 这发生在 Chrome 中,而不是 Safari 中。 由于我的布局使用了一定宽度的块,并且我想将单词放入块中,因此解决方案不是更改字体大小或块宽度,而是解决连字符问题。 p { width: 105px ...
我在父div中有一种较小的侧面容器#sideNavContainer ,在另一侧(右侧)是内容的另一个div。 当我将文本放入包含非常长的单词而没有空格的#sideNavContainer中时,这些单词开始出现在容器外并覆盖右侧(内容区域)的内容。 我试图强迫#sideNavCont ...
如何强制浏览器仅对软字符进行组合,这些词太长而无法在屏幕上显示,而太长的词在完全包装后却留有很大的空隙? 当前的行为不是很聪明(浏览器在每行的末尾插入连字符(基本上一直都在连字符)。 编辑:有没有一种方法可以将自动连字的最小字长设置为容器宽度的百分比? 例如,我只希 ...
FireFox单词可以使用CSS中断,但一次只能发送一个字母,而不是应该在连字符所在的位置? 不是FireFox: 火狐: 这是CSS: ...
我目前正在尝试使用JS(我是WEB技术的新手)编写子手游戏,但遇到了第一个障碍。 我要猜的单词的占位符字符串(即连字符和空格)突破了包含它的div的结尾。 例如 如果在行尾有7个破折号占位符,它将分成留在顶行的6个破折号和到底行的一个破折号。 看起来糟透了。 如何防止 ...
我正在尝试使用连字符处理内部具有<span>元素的文本以突出显示。 这似乎打破了连字符算法。 有没有办法修复行为,以便连字符与没有<span>元素相同? 我不是在问&shy;的解决方法&shy; 代码(沙箱: https : //code ...
此代码显示了两个div容器。 在id为a的div上display: flex; 组。 在两者上我们使用-ms-hyphens: auto;激活-ms-hyphens: auto; 。 但是在IE或Edge中,连字符仅适用于未附加Flexbox的div。 正如预期的那样,它在Chrom ...
我试图在一个帮助孩子学习阅读的网站上将单词分成音节。 事实证明这很难。 JavaScript连字符库很大。 Chrome浏览器已经可以使用hyphens: auto;连字hyphens: auto; CSS3标签。 我想在浏览器中对我的文字说“你好!请告诉我你考虑拆分这些词的所有可 ...
我想在第一行末尾用连字符打破长词。 预期的: 明白啦: 这是我的html和css: 你可以查看我的JSFiddle ...
去年12月, 据说 Chrome 支持CSS3 Hyphens 。 另外,除了其他主要的浏览器之外,IE也应该是内置的。 更新:收到以下答案后,我了解我误解了caniuse.com上的脚注。 它说: “目前仅在Mac上支持auto值” 。 我将其解释为“在 ...
我想得到一个字符串,一个单词分成一个或多个音节,如果不止一个,则在两者之间加上连字符。 例如:我想从Floccinaucinihilipilification中获得Floccinaucinihilipilification。 当前的浏览器已经可以通过连字符将它们分开,语法上正确。 ...
似乎将“连字符”设置为“自动”现在比“空白:nowrap”具有更高的优先级。 在以前版本的Chrome(在Mac中为54以前的版本)和其他浏览器(FF,Safari,IE)中,似乎“空白:nowrap”比连字符高。 因此,如果指定空白:nowrap和text-overflow:省略号,则无论 ...
我在Django模板的正确位置打断单词时遇到问题。 出现&shy; 我正在尝试过滤安全的容器,但是它不起作用。 这是我的代码: ...