Prevent line breaks immediately after math

For whatever reason, `<inline-block/>,` allows a break in between the block and the comma. `<nobr><inline-block/></nobr>,` doesn't.

Auditors: emily
This commit is contained in:
Ben Alpert 2013-12-16 05:46:04 -08:00
parent 302f5502ef
commit 20994d7351
2 changed files with 10 additions and 2 deletions

View File

@ -535,7 +535,9 @@ var buildTree = function(tree) {
topStrut.style.height = span.height + "em";
bottomStrut.style.height = (span.height + span.depth) + "em";
var katexNode = makeSpan(["katex"], [topStrut, bottomStrut, span]);
var katexNode = makeSpan(["katex"], [
makeSpan(["katex-inner"], [topStrut, bottomStrut, span])
]);
return katexNode.toDOM();
};

View File

@ -6,11 +6,17 @@ big parens
*/
.katex {
display: inline-block;
font: normal 1.21em katex_main;
line-height: 1.2;
white-space: nowrap;
.katex-inner {
// Making .katex inline-block allows line breaks before and after,
// which is undesireable ("to $x$,"). Instead, adjust the .katex-inner
// style and put nowrap on the inline .katex element.
display: inline-block;
}
.base {
display: inline-block;
}