文本

统一处理排版文本元素。

标题

示例

FEA Front End AsThis

FEA Front End AsThis

FEA Front End AsThis

FEA Front End AsThis

FEA Front End AsThis
FEA Front End AsThis

代码

<h1>FEA <small>Front End AsThis</small></h1>
<h2>FEA <small>Front End AsThis</small></h2>
<h3>FEA <small>Front End AsThis</small></h3>
<h4>FEA <small>Front End AsThis</small></h4>
<h5>FEA <small>Front End AsThis</small></h5>
<h6>FEA <small>Front End AsThis</small></h6>

段落

示例

Whatever obstacles I found made me fight all the harder. But it would have been impossible for me to fight at all, except that I was sustained by the personal and deep-rooted belief that my fight had a chance. It had a chance because it took place in a free society. Not once was I forced to face and fight an immovable object. Not once was the situation so cast-iron rigid that I had no chance at all. Free minds and human hearts were at work all around me; and so there was the probability of improvement. I look at my children now, and know that I must still prepare them to meet obstacles and prejudices.

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。我的奋斗有希望,因为这是一个自由的社会。在这里,我不止一次遇到过无法逾越的障碍,也不止一次经历过令人绝望的境况。但那时,思想与心灵的自由便能起作用,让我摆脱困境。如今我看着自己的孩子们,我知道我仍需要他们准备面对困难与歧视。

代码

<p>Whatever obstacles I found made me fi...</p>
<p>我一路上遇到的...</p>

标签

标签 描述
<a> 将文本转换为超文本使用 a 标签
<em> 强调文本使用 em 标签
<strong> 强调任何额外的更重要文本使用 strong 标签
<code> 定义内联代码片段使用 code 标签
<del> 标记文档中已被修改或删除的文本使用 del 标签
<ins> 标记文档中插入的文本使用 ins 标签
<mark> 高亮显示文本使用 mark 标签,它没有任何语义含义。
<q> 定义引入的语录在 q 标签 里面使用 q 标签
<abbr> 定义一个标题的缩写使用 abbr 标签
<dfn> 定义一个项目术语名称使用 dfn 标签
<small> 缩小显示不重要的文本使用 small 标签

代码

示例

行内代码 这里包含一些代码 code...,或一些 samp...,或者 Ctrl + A 这样的按键提示。

代码

<pre>
	<code>...
	</code>
</pre>
<pre>
	some code ...
</pre>

引用

示例

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

某个名人

代码

<blockquote>
    <p> ...</p>
    <small>...</small>
</blockquote>

文字大小

示例

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

代码

<p class="text-mi">...</p>
<p class="text-sm">...</p>
<p>...</p>
<p class="text-lg">...</p>

文字状态

示例

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

代码

<p class="text-muted">...</p>
<p class="text-info">...</p>
<p class="text-success">...</p>
<p class="text-warning">...</p>
<p class="text-danger">...</p>

文字对齐

示例

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。

代码

<p class="text-left">...</p>
<p class="text-right">...</p>
<p class="text-center">...</p>
<p class="text-justify">...</p>

文字换行

示例

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

代码

<p class="text-nowrap">...</p>
<p class="text-truncate"> ...</p>
<p class="text-break">...</p>

文字样式

示例

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

我一路上遇到的阻碍都促使我更加努力地去抗争、去奋斗。然而,如果不是我内心深处坚信我的奋斗有希望,我就根本无法坚持。

代码

<p class="text-indent">...</p>
<p class="text-noneline"> ...</p>
<p class="text-underline"> ...</p>
<p class="text-overline"> ...</p>
<p class="text-line-through"> ...</p>
<p class="text-normal"> ...</p>
<p class="text-bold"> ...</p>
<p class="text-strong"> ...</p>

文字其他

示例

隐藏文字 text-hide

隐藏文字

fea 是一些文字 initialism

代码

<h2 class="text-hide" >...</h2>
<span title="..." class="initialism">...</span>

文字字体

示例

英文无衬线 Lorem ipsum dolor sit amet, consetetur

英文有衬线 Lorem ipsum dolor sit amet, consetetur

英文等宽Lorem ipsum dolor sit amet, consetetur

这里是一段中文文字, 它使用的是黑体

这里是一段中文文字, 它使用的是楷体

这里是一段中文文字, 它使用的是宋体

这里是一段中文文字, 它使用的是仿宋体

这里是一段中文文字, 它使用的是明体

代码

<p class="font-sans-serif">...</p>
<p class="font-serif">...</p>
<p class="font-monospace">...</p>
<p class="font-hei">...</p>
<p class="font-kai">...</p>
<p class="font-song">...</p>
<p class="font-fang-song">...</p>
<p class="font-ming">...</p>