ppwjs之bootstrap文字排版：無序列表項不換行

時間 2019-12-04

標籤 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.建立無序列表元素($真,$真);
變量 bootstrap表項_不換行1 = bootstrap4.建立列表項元素("Coffee",$真);
變量 bootstrap表項_不換行2 = bootstrap4.建立列表項元素("Tea",$真);
變量 bootstrap表項_不換行4 = bootstrap4.建立列表項元素("Milk",$真);

bootstrap無序列表頂層_不換行.添加子節點(bootstrap表項_不換行1,bootstrap表項_不換行2,bootstrap表項_不換行4);
容器2.添加子節點(bootstrap無序列表頂層_不換行);
///////////////////////

加到主體(標題1,普通無序列表頂層,容器1,容器2);

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。