ppwjs之bootstrap文字排版：无序列表项不换行

时间 2019-12-05

标签 ppwjs bootstrap 文字排版序列表项换行栏目 Bootstarp 繁體版

原文原文链接

<!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 = "如下为有序列表的默认格式和不换行格式对比".到标题元素();

变量 普通有序列表顶层 = bootstrap4.建立有序列表元素();
变量 普通表项1 = bootstrap4.建立列表项元素("Coffee");
变量 普通表项2 = bootstrap4.建立列表项元素("Tea");
变量 普通表项4 = bootstrap4.建立列表项元素("Milk");

变量 普通有序列表第一级 = bootstrap4.建立有序列表元素();
变量 第一级的普通表项1 = bootstrap4.建立列表项元素("Black tea");
变量 第一级的普通表项2 = bootstrap4.建立列表项元素("Green tea");
普通有序列表第一级.添加子节点(第一级的普通表项1,第一级的普通表项2);

普通有序列表顶层.添加子节点(普通表项1,普通表项2,普通有序列表第一级,普通表项4);
//////////////////////
var 容器1 = bootstrap4.建立容器();

变量 bootstrap有序列表顶层 = bootstrap4.建立有序列表元素();
变量 bootstrap表项1 = bootstrap4.建立列表项元素("Coffee");
变量 bootstrap表项2 = bootstrap4.建立列表项元素("Tea");
变量 bootstrap表项4 = bootstrap4.建立列表项元素("Milk");

bootstrap有序列表顶层.添加子节点(bootstrap表项1,bootstrap表项2,bootstrap表项4);
容器1.添加子节点(bootstrap有序列表顶层);
///////////////////////
var 容器2 = bootstrap4.建立容器();

变量 bootstrap有序列表顶层_不换行 = bootstrap4.建立有序列表元素(null,$真);
变量 bootstrap表项_不换行1 = bootstrap4.建立列表项元素("Coffee",$真);
变量 bootstrap表项_不换行2 = bootstrap4.建立列表项元素("Tea",$真);
变量 bootstrap表项_不换行4 = bootstrap4.建立列表项元素("Milk",$真);

bootstrap有序列表顶层_不换行.添加子节点(bootstrap表项_不换行1,bootstrap表项_不换行2,bootstrap表项_不换行4);
容器2.添加子节点(bootstrap有序列表顶层_不换行);
///////////////////////

加到主体(标题1,普通有序列表顶层,容器1,容器2);