是否可以在HTML中插入一个制表符,而不必键入 四次吗?
当前回答
你还可以使用:
p::before {
content: "";
padding-left: 30px;
}
然后用你想到的其他选择器替换p。
其他回答
CSS
<html>
<head>
<style>
tab:before
{
content: "\00a0\00a0\00a0\00a0";
}
</style>
</head>
HTML
<body>
<tab> #include < stdio.h > <br>
<tab> <br>
<tab> int main (void) <br>
<tab> { <br>
<tab> <tab> printf ("Hello, World!"); <br>
<tab> <tab> return 0; <br>
<tab> } <br>
</body>
</html>
呈现
<head>
<style> t {color:#??????;letter-spacing:35px;} </style>
</head>
<t>.</t>
确保颜色代码与背景相匹配 px可以根据制表符所需的长度变化。
然后在< t >后添加文本。< /t >
句号用作空格符,更容易输入,但'& #160;'也可以用来代替句号,因此颜色编码是不相关的。
<head>
<style> t {letter-spacing:35px;} </style>
</head>
<t> </t>
这主要用于显示文本段落,但在脚本的其他部分也可能有用。
&nbsp单位与字体大小有关。为了理解这种依赖关系,使用CSS/HTML方法考虑em和rem度量单位。
CSS
.tab { margin-left: 1rem; }
HTML
<div class=“tab> ...p and h elements... </div>
显示
1em约等于4 但是,Em unit和&nbsp rem unit的显示取决于元素和样式的使用,像这样缩进。
--------h1 indented 1em
--p indented 1em
----h1 indented 1rem
----p indented 1rem
左边距和左填充都有效。在HTML或CSS中没有标签长度单位。可以使用.tab类选择器。
阿菲克,唯一的办法就是使用
如果你可以使用CSS,那么你可以使用填充或边距。参看Box模型,而对于ie浏览器,也可参阅ie浏览器的Box模型bug。
我使用一个不带项目符号的列表来呈现“标签”外观。 (这是我在使用MS Word时有时会做的事情)
在CSS文件中:
.tab {
margin-top: 0px;
margin-bottom: 0px;
list-style-type: none;
}
并且在HTML文件中使用无序列表:
This is normal text
<ul class="tab">
<li>This is indented text</li>
</ul>
这个解决方案的美妙之处在于,您可以使用嵌套列表进一步缩进。
一个新手在这里说话,所以如果有任何错误,请评论。
推荐文章
- 使伸缩项目正确浮动
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何触发自动填充在谷歌Chrome?
- 创建圈div比使用图像更容易的方法?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?
- 如何删除和清除所有的本地存储数据
- 强制打开“另存为…”弹出打开文本链接点击PDF在HTML
- 如何修改标签文本?
- 在HTML中还有其他有用的空格码吗,比如半空格的 , em-spaces, en-spaces等等?
- 输入触发器按钮单击