繁体   English   中英

不要在标题类中打断单词

Don't break words in title class

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个Wordpress网站...

我正在页面上的轮播中动态填充帖子标题。

该帖子如下所示。 (我有一个围绕帖子标题的类,用于添加选择器)。

<span class="p_title"> 5 Technologies that will Revolutionize Mobile </span>

当帖子标题的大小与上面一样大时,就会发生问题-在足够多的情况下,例如下面的情况下,就会发生此问题。

5项将彻底改变M的技术
易变的

我想将自动换行设置为不在WORD之间而是在其之后中断。

5项革命性的技术
移动

目前,我对.p_title css是:

.p_title {
    display: inline-block !important;
    float: left;
    text-align: left;
    width: 100%;
}

有什么建议么?

2 个回复

除非CSS word-wrap属性设置为word-wrap: break-word;否则长单词不应在单词内word-wrap: break-word; 如果有,您应该能够通过将属性设置为word-wrap: normal; ,恢复到仅单词之间打断的默认行为word-wrap: normal;

您可以尝试将空白和断字默认设置为正常:

.p_title {
    display: inline-block !important;
    float: left;
    text-align: left;
    width: 100%;
    word-break: normal;
    white-space: normal;
}

别的东西正在分解。 如果与脚本相关,则可能无济于事。

1 单词没有正确分解

在一个块中,我有一个文本。 我在换行处理方面遇到了一些麻烦。 文字显示如下: Master II Phase 1, Pha- 第 2 阶段,第 3 阶段 必须看起来像这样: 大师 II 第一阶段, 第二阶段、第三阶段 我试过“Keep-together.within-line” ...

2 不要使用CSS在空白处打破单词

我有一个设定宽度的div。 默认情况下文本被破坏的方式是空白区域。 有没有办法设置我的元素的样式,以便在任何给定的字符处打破文本以填充可用的最大空间? 提前致谢! ...

5 将长字符串分成5个容器,但不要把单词打断

我在php数据库中有一个长文本,我想将其分为5个&lt;div&gt;而不破坏句子和单词。 如果我的长篇文章陷入了4 &lt;div&gt;那么剩余的&lt;div&gt;不会显示。 在这里我附上示例以在2 &lt;div&gt;显示长文本 我的提取数据编码示例 ...

2017-12-27 11:27:49 0 48   php/ html
7 如果类实例作为初始化参数传递,请不要中断

我正在尝试为python类添加灵活性,以便它注意到 init 参数之一何时已经是该类的实例。 如果您不介意,请跳过“初始情况”,我是如何来到这里的。 初始情况 我有这门课: 并且有许多函数接受此类的实例作为参数( def f(pet, ...) )。 一切都按预期进行。 然后我想为这些函数的 ...

9 将长字符串分成60个字符的长行,但不要破坏单词

必须有更好的方法来做到这一点。 我只想将长字符串分成60个字符行,但不要破坏单词。 所以它不必添加多达60个字符,只需要小于60。 下面的代码是我所拥有的并且它有效,但我认为有更好的方法。 任何人? 修改为使用StringBuilder并修复了删除重复单词的问题。 也不想使用 ...

10 不要打破跨度,只打破空白

假设我有一条消息说“你好!” 我将每个单独的字符(不包括空格)包裹在一个跨度中,我必须这样做,因为我使用的是animeJS 并且想要为这些字符设置动画。 问题是消息的动画很漂亮,但由于每个角色都在自己的范围内,因此在奇怪的部分断裂/包裹。 例如,它看起来像“Hello t /n here!”,所以它 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM