ppwjs之bootstrap文字排版：预格式（带滚动条）

最新推荐文章于 2021-08-06 18:14:20 发布

chuzhui9165

最新推荐文章于 2021-08-06 18:14:20 发布

阅读量164

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/u/3693459/blog/2206663

版权

ppwjs 预格式带滚动条演示

<!DOCTYPT html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>ppwjs欢迎您</title>
		<link rel="icon" href="/favicon.ico" type="image/x-icon" />
	</head>
	<body>
	</body>
	<script src="/jsVersionControl.js" charset="utf-8" type="text/javascript"></script>
	<script src="/lib/_sys_ppwjsmain.js" charset="utf-8" type="text/javascript"></script>
	<script charset="utf-8" type="text/javascript">引入("/index.js",$真)</script>
</html>

实现代码：

//程序开始
引入(_sys_bootstrap4_all_addr + ".js",$真);
 
var 标题1 = "预格式 pre 带滚动条 效果".到标题元素(2);
var 段落1 = 创建段落("以下是bootstrap中预格式设置适当滚动条的效果：");
var 段落2 = 创建段落("《我们的希望》--以此歌颂纯洁倾心付出的医者");
var 链接 = 创建链接("在线链接","https://www.ximalaya.com/yinyue/6553057/29433493");
var 预格式带滚动条 = bootstrap4.创建预格式元素(
"西江湖畔，鼎湖山傍，\
\n肇庆一医是我们成长的摇篮。\
\n日月穿梭，无怨无悔，\
\n风雨同行只为了人民安康。\
\n\
\n你的泪光，你的微笑，\
\n你的感受是我们关注的所在。\
\n风雨同舟，相依相伴，\
\n你的健康是我们最大的期盼。\
\n\
\n在这里，我们全心全意，倾力付出;\
\n在这里，我们团结一心，放声歌唱。\
\n\
\n让我们，手牵手，肩并肩，心连心，\
\n一起守护生命。\
\n来吧，爱相随，情相伴，同呼吸，\
\n一起点燃希望。\
\n只要有你白衣天使，只要有你的微笑，\
\n幸福同在。\
\n\
\n曲与折，千百回，敢于担当，我们永久无悔。\
\n苦与痛，曾体会，人间真情，我们任重道远。\
\n\
\n让我们，手牵手，肩并肩，心连心，\
\n一起守护生命。\
\n来吧，爱相随，情相伴，同呼吸，\
\n一起点燃希望。\
\n只要有你白衣天使，只要有你的微笑，\
\n幸福同在。"
,$真);

var 容器 = bootstrap4.创建容器();
容器.添加子节点(标题1,段落1,段落2,链接,预格式带滚动条);


加到主体(容器);

浏览器效果：