Html 在IE中,当最后一个单词后面跟一个连字符时,为单行辩护会打断最后一个单词前的一行
我有以下代码:Html 在IE中,当最后一个单词后面跟一个连字符时,为单行辩护会打断最后一个单词前的一行,html,css,internet-explorer,justify,hyphen,Html,Css,Internet Explorer,Justify,Hyphen,我有以下代码: .clJustify{ 宽度:400px; 高度:25px; 左边距:自动; 右边距:自动; 边框:1px纯红; 文本对齐:对齐; } .CLC:之后{ 内容:“; 显示:内联块; 宽度:100%; } 证明试验 这是应该是jus的文本- 已加上字符并加上连字符 尝试文本最后对齐和-ms文本最后对齐,这在IE中有效: 证明试验 .clJustify{ 宽度:400px; 高度:1.5em; 左边距:自动; 右边距:自动; 边框:1px纯红; 文本对齐:对齐; -ms文本最
.clJustify{
宽度:400px;
高度:25px;
左边距:自动;
右边距:自动;
边框:1px纯红;
文本对齐:对齐;
}
.CLC:之后{
内容:“;
显示:内联块;
宽度:100%;
}
证明试验
这是应该是jus的文本-
已加上字符并加上连字符
尝试文本最后对齐
和-ms文本最后对齐
,这在IE中有效:
证明试验
.clJustify{
宽度:400px;
高度:1.5em;
左边距:自动;
右边距:自动;
边框:1px纯红;
文本对齐:对齐;
-ms文本最后对齐:对齐;
文本最后对齐:对齐;
}
.CLC:之后{
内容:“;
显示:内联块;
宽度:100%;
}
这是应该是jus的文本-
已加上字符并加上连字符
好吧,我不是在问你为什么要这样做,但你只想这样做吗?如果有其他方法证明一行是正确的,我会很感激知道的。证明一行是正确的?我有个主意。试试text align last
,用一个片段给你写一个答案。也许这有帮助:你可以尝试使用不同类型的破折号(U+2010到U+2015),看看它们是否有相同的怪癖…text align last
几乎不受新浏览器的支持。@Xufox同意,现在我已经使用了-ms text align last
,OP已经使用了:after
修复。谢谢你,Praveen,这在IE中有效,但在FF或Chrome中无效。你能解释一下
吗?@MartinAuer坦率地说,我不知道。以前就试过了,效果不错。对不起,我无法解释原因。但这是因为,它迫使它不是最后一行。删除br
可能是@MartinAuer IE特定修复?对你有用吗?你愿意接受我的回答吗?