fix demo page <code> tag won't display multi space chars

This commit is contained in:
javacs3
2019-11-21 20:41:46 +08:00
parent 693f30477e
commit f12120b055
2 changed files with 10 additions and 4 deletions
+2 -2
View File
@@ -23,8 +23,8 @@
<div>
<h3>SerializeAddon</h3>
<button id="serialize">Serialize the content of terminal</button>
<label>write to terminal<input type="checkbox" id="write-to-terminal"></label>
<label>Output <code id="serialize-output"></code></label>
<label><input type="checkbox" id="write-to-terminal">Write back to terminal</label>
<div><pre id="serialize-output"></pre></div>
</div>
</div>
<div>
+8 -2
View File
@@ -31,8 +31,14 @@ p {
vertical-align: top;
}
code {
padding: 2px 4px;
pre {
display: block;
padding: 9.5px;
font-size: 13px;
color: #c7254e;
background-color: #f9f2f4;
word-break: break-all;
word-wrap: break-word;
white-space: pre-wrap;
word-wrap: break-word;
}