Fmpq在线工具 - Fmpq教程实例

源代码:
<!DOCTYPE html>
<html>
<head>
	<title>Fmpq教程(fmpq.com)</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"  charset="utf-8">
	<link rel="stylesheet" href="http://www.fmpq.com/jscss/bootstrap/bootstrap.min.css">  
	<script src="http://www.fmpq.com/jscss/bootstrap/jquery.min.js"></script>
	<script src="http://www.fmpq.com/jscss/bootstrap/bootstrap.min.js"></script>
</head>
<body>
    
<div class="container">
	<h2>排版</h2>
	<p>设置 pre 元素可滚动：</p>
	<pre class="pre-scrollable">
		内容可滚动
		Text in a pre element
		is displayed in a fixed-width
		font, and it preserves
		both      spaces and
		line breaks.
		Text in a pre element
		is displayed in a fixed-width
		font, and it preserves
		both      spaces and
		line breaks.内容可滚动
		Text in a pre element
		is displayed in a fixed-width
		font, and it preserves
		both      spaces and
		line breaks.
		Text in a pre element
		is displayed in a fixed-width
		font, and it preserves
		both      spaces and
		line breaks.
	</pre>
</div>

</body>
</html>