在页⾯显⽰html⽂件,html–⽤于在⽹页上显⽰源代码的格式我正在研究Markdown命令⾏程序,我想在html输出中格式化源代码块⽐简单的< pre>< code> ….< / code>< /预取代. 我的标准是:
>我想要在每⾏前⾯显⽰⾏号
>我希望代码本⾝可以选择,这样我就可以只将代码(⽽不是⾏号)复制到剪贴板
我试图使⽤DIV,因为表似乎格式不好,但我对任何事情持开放态度.
我尝试了什么:
>单⾏表,单元格1是预/代码格式的⾏号块,单元格2是源代码.问题:带⾏号的第⼀列总是占⽤⼤量空间(⾃动调整宽度似乎变得困惑)
>具有多⾏的表,与具有1⾏的⾏相同的问题
> DIV,我似乎⽆法让DIV以我想要的⽅式布局
任何⼈都可以给我⼀个如何获得我想要的指针吗?
这是⼀个⽰例(明显的限制是我使⽤Markdown来显⽰这⾥的⽰例):
html个人网页制作代码范列学html5有什么前途01 | Source code line 1
02 | Source code line 2
03 | Last line of source code
现在,如果我在第⼀⾏单击并选择,并向下拖动多⾏,我不希望选择包含⾏号列,否则这将很容易.
那么,任何指针?
我不需要的⼀个奖励功能是,如果我使窗⼝太窄⽽不能包含源代码,我不需要将它分成两⾏.我能理解该功能如何⼯作的唯⼀⽅法是单独格式化每⼀⾏,⽽不是单独格式化每⼀⾏,以便在发⽣换⾏时调整⾏号.由于我希望只能复制源代码,因此我认为我需要⾃⼰格式化每个列.excel表格中下拉菜单怎么设置
这是我尝试过的东西:
.lines
{
background-color: #c0c0ff;
border-left: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
float: left;
border-right: 1px solid #a0a0a0;
margin-left: 20px;
title他中文是什么padding-left: 2px;
padding-right: 2px;
}
.code
{
background-color: #c0c0ff;
border-top: 1px solid black;
border-bottom: 1px solid black;
float: left;
padding-left: 2px;
}
01
02
03
SELECT *
FROM TABLE
WHERE A = B
日文乱码文本转换器这有⼀个背景颜⾊的问题,我希望背景颜⾊⼀直延续到浏览器窗⼝的右侧,⽽是它停在恰好的代码右边,即.这样的事情:+----+-------------+
| 01 | SELECT * |
| 02 | FROM TABLE |
| 03 | WHERE A = B |
+----+-------------+
当我想要这样的东西时:
+----+--------------------------------------------------------------------------+
| 01 | SELECT * |
imposing| 02 | FROM TABLE |
| 03 | WHERE A = B |
+----+--------------------------------------------------------------------------+
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论