ppwjs之bootstrap文字排版：对齐方式-优快云博客

本文通过实战案例，详细介绍了如何使用Bootstrap框架进行网页布局及文本对齐，包括左对齐、右对齐、居中对齐、两端对齐和不换行等技巧，适合前端开发者学习。

2019独角兽企业重金招聘Python工程师标准>>>

<!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 = "排版设置".到标题元素();
变量 段落1 = 创建段落("左对齐").添加属性($bootstrap.属性.类,$bootstrap.对齐方式.左对齐类);
变量 段落2 = 创建段落("右对齐").添加属性($bootstrap.属性.类,$bootstrap.对齐方式.右对齐类);
变量 段落3 = 创建段落("居中对齐文本").添加属性($bootstrap.属性.类,$bootstrap.对齐方式.居中对齐类);
变量 段落4 = 创建段落("设定文本对齐,段落中超出屏幕部分文字自动换行").添加属性($bootstrap.属性.类,$bootstrap.对齐方式.两端对齐类);
变量 段落5 = 创建段落("段落中超出屏幕部分不换行").添加属性($bootstrap.属性.类,$bootstrap.对齐方式.不换行类);
变量 段落6 = 创建段落("调整浏览器窗口大小查看换行效果。");

变量 容器 = bootstrap4.创建容器();
容器.添加子节点(标题1,段落1,段落2,段落3,段落4,段落5,段落6);

加到主体(容器);