草庐IT

Pre-training

全部标签

javascript - 如何格式化适合宽度受限设备(如 iPhone)的长 <pre> HTML block

我有一个很长的preblock,我希望它在移动浏览器中查看,例如iPhone例如averylongpreblockstartherehereherehereherehereherehereherehere2ndlinewithintent3rdlinewithintent如何制作自动换行,但保留缩进?e.g.averylongpreblockstartherehereherehereherehereherehereherehere2ndlinewithintent3rdlinewithintent我不想在移动设备上使用滚动条,所以最好有一些方法来自动换行句子。我尝试过的最相似的方法是使

javascript - "white-space: pre;"CSS 样式在 &lt;textarea&gt; HTML 元素中似乎不符合 W3C 规范 - 它总是换行,而不仅仅是换行

我希望制作一个textareaHTML元素只在换行符处换行而不折叠前导空格。W3C规范说CSS样式元素white-space:pre;应该给我想要的行为,但它不起作用-它不会折叠前导空格,但它总是换行,不只是换行。white-space:nowrap;不会像我想要的那样换行,但不幸的是它会折叠前导空格。唯一能按我需要的方式工作的是wrap="off"HTML属性,但W3C规范不支持它。虽然它工作得很好,而且似乎在我试过的所有浏览器中都能工作。令我困扰的是它不受规范的支持。谁能告诉我为什么会出现这种情况,并提供一种W3C支持的方法?也许这是我忽略的其他东西,比如其他样式元素或其他东西的默

html - 仅当其父级不是 <pre> 时,我如何设置 <code> 样式?

我正在像这里使用的那样集成wmd-editor。对于像thisone这样的内联代码块,生成的html是:thisone对于多行代码,例如:vari=0;varj=0;生成的html是:vari=0;varj=0;我为它们单独设置了CSS:pre{...}和code{...}现在,我要仅当其父级不是时才应用的样式.我试过使用code:not(precode){...}但它似乎没有用。我可以保证上面的HTML结构。可以通过css解决吗?Fiddle 最佳答案 :not(pre)>code{…}应该完成这项工作,code元素是direct

html - 在 td 中使用 pre 标签

我在使用时遇到问题标签内.我有JSF数据表和它的三列。我需要所有三列都包含预格式化的文本。如果我使用标记文本显示为我需要的预格式化但列的宽度比文本大得多。我可以通过指定white-space:pre-line;在css中解决这个问题在标签的样式。但它只适用于firefox和IE,chrome忽略这种风格。所以我的问题是:有没有办法解决的宽度?其中包含标签在里面?编辑:我的CSS类:.dt_row{height:8px;margin:3px3px3px3px;color:#000000;white-space:pre-line;}还有我的数据表:#{concordance.left}#{

html - 我可以在 Tumblr 的 <p> 标签内有一个 <pre> 标签吗?

今天我玩了一下Tumblr。我尝试将预格式化的文本添加到描述段落block中,如下所示:{block:Description}{Description}{/block:Description}然而,元素在之后呈现元素而不是其中,这是我的意图。我是不是做错了什么或者是一个错误? 最佳答案 不能嵌套block级元素,例如,里面在HTML中,所以Tumblr的行为是正确的。在插入预先格式化的文本之前,您应该关闭您的段落。如果您想要内联代码样式的文本,请尝试标签。然后,如果需要,您可以用CSS对其进行补充。Iliketousethecode

html - 我需要在 html <pre> 标签内转义什么

我使用在我的博客中标记以发布代码。我知道我必须改变至<和>至>.为了获得正确的html,我还需要转义任何其他字符吗? 最佳答案 如果你使用会发生什么标记以在您的博客上显示HTML标记:Useaspantagwithstyleattributetohightlightwords这将通过HTML验证,但它会产生预期的结果吗?否。正确的做法是:Usea<spanstyle="background:yellow;">spantagwithstyleattribute</span>toh

html - 从空白 : pre element 中删除前导空白

我想为博客中的代码片段使用自定义样式。我定义了以下样式:mystyle{background:#C3FFA5;border:solid1px#19A347;color:#191919;display:block;font-family:monospace;font-size:12px;margin:8px;padding:4px;white-space:pre;}我是这样使用的:intmain(){cout这给出了以下输出。我已经在Firefox和GoogleChrome上试过了。我想删除block开头的额外行。显然,我知道换行符的来源,我可以使用intmain(){反而。如果我使用而

html - <pre> 标签在自身上方添加间隙?

我有以下HTML:EmbedCode<scripttype="text/javascript">varsomething='else';</script>以及以下CSS:h2{background:#1e7ca2;font-weight:100;font-size:1.25em;padding:10px15px;margin:0;color:white;}pre{margin:0;padding:0;}code{margin:0;padding:030px;display:block;background:#1d1f20;color:#839

html - 如何在不删除 HTML 缩进的情况下删除 <pre>/<code> block 中的前导空格?

这个问题在这里已经有了答案:HowtopreservewhitespaceindentationoftextenclosedinHTMLtagsexcludingthecurrentindentationlevelofthetaginthedocument?(11个答案)关闭7年前。我有以下HTML:Hereissomecode:Hereissomefuncode!但是当我预览它的时候,因为代码是缩进的,pre完全不正常。我可以通过将内容放回缩进来解决这个问题,但它看起来很傻。我可以让上面的文字看起来没有缩进吗?

HTML <pre> 标签值获取水平滚动条,如何格式化?

这是我的博客页面。有时不得不在博客中使用C#、PHP等代码片段。因此,我使用pre标签使它看起来不错,并保持格式代码不变。pre标签宽度为100%,并且有背景色。但是,如上图所示,文本离开了它,并且水平滚动条将出现。我怎样才能克服这个?我不想要底部滚动条。 最佳答案 有几种解决方法:最简单的是在文本中放置换行符。但这可能不是您想要的,因为它要么会留下较大的右边距,要么仍然会导致滚动条,除非浏览器窗口的大小恰到好处。另一个是使用white-space:pre-wrap;在您的的CSS中标签。这将导致文本根据需要换行,但仍保留源代码中存