【HTML】记录自己丢人过程:文本换行缩进都不会

问题描述:

html文本想实现换行和缩进,最后气到摔鼠标

换行

实现代码:

<br>

直接在文本后加个换行标签即可

缩进

实现代码:

style="text-indent: 2em;"

注意:这个属性放到p标签中或者div标签中都没问题但如果直接放到span标签中就不好用

实例演示:

	<div style="width:100%;overflow:auto;">
	
		<p style=" text-indent: 2em;">
		
		<span >UNIT科技是以计算机专业类本科生为建队核心的新型互联网公司,旨在为志向于从事软件开发的大学生提供一个锻炼实际编程能力的实习平台,同时为校园信息化建设添砖加瓦。<br>
		</span> 
		</p>	
		<p style=" text-indent: 2em;">	
		<span >  项目业务大体分为软件开发和校园IT社区两大类。
				软件开发类也是目前项目的主要盈利点,是以本科生为研发团队承接社会上IT行业的中小型公司的软件设计项目,为其设计移动互联网产品,这也保证了校园IT社区前期有足够的资金运作。
				研发团队构成,是在资深软件工程师的指导下,由本科生组成的十人左右的团队。目前,正在完成第二个团队的人员构建来提高项目开发进度。  <br>
		</span> 
		</p>	
		<p style=" text-indent: 2em;">
		<span >
		校园IT社区是公司创立的初衷,由于软件开发业务的正常运作使得公司有足够的资金去建设校园IT,目前已经完成了编程擂台赛的系统构建,2020年下半年即可投入运行,
				同时已经开始与计算机服务社和电子科技协会等校园组织联合举办计算机知识竞赛、IT大赛等。未来在形成一定的规模后,计划建立服务器开发特有产品UNIT,该产品以网站、公众号、app为途径,
				打造高校IT平台,社会上的互联网企业和公司可以发布需求项目,高校在校生可以组队完成项目的开发,该平台的优势在于其项目开发费用远低于市场价格,
				同时给高校生一个更真实地去了解熟悉当下互联网行业的机会。预计两年后,基本完成校园IT的建设。
		</span>
		</p>
	</div>

猜你喜欢

转载自blog.csdn.net/tyrant_forever/article/details/105677583