首页

span固定宽度高度自动排列换行的CSS样式模板

标签:span,css     发布时间:2022-09-11   

span的示例模板如下

.tix .t_right  span{@b@		display:-moz-inline-box;  @b@		width:120px;@b@		word-wrap: break-word;@b@		border:1px solid #cccccc;@b@		height:200px;@b@		line-height:22px;  @b@		word-break:beark-all;@b@		margin-top:2px;@b@		display: flow-root;@b@		float:left;  @b@	}

html的应用效果

<div class="tix">@b@@b@	<div class="t_left" id="tarA">A<a name="a"></a></div>  @b@	<div  class="t_right">@b@	@b@	          <span> @b@					<a href="/_site_domain_/_root/5870/5930/5931/6170/8272/index.html"  target="_blank" title="ActiveMQ" alt="ActiveMQ">@b@						ActiveMQ 是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬撒打发大水发撒是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬 斯蒂芬是打发发顺丰 撒旦法萨芬 @b@					</a>	@b@			 </span>@b@			 <span> @b@					<a href="/_site_domain_/_root/5870/5930/5931/6170/8272/index.html"  target="_blank" title="ActiveMQ" alt="ActiveMQ">@b@						ActiveMQ 是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬撒打发大水发撒是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬 斯蒂芬是打发发顺丰 撒旦法萨芬 @b@					</a>	@b@			 </span>@b@			  <span> @b@					<a href="/_site_domain_/_root/5870/5930/5931/6170/8272/index.html"  target="_blank" title="ActiveMQ" alt="ActiveMQ">@b@						ActiveMQ 是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬撒打发大水发撒是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬 斯蒂芬是打发发顺丰 撒旦法萨芬 @b@					</a>	@b@			 </span>@b@			  <span> @b@					<a href="/_site_domain_/_root/5870/5930/5931/6170/8272/index.html"  target="_blank" title="ActiveMQ" alt="ActiveMQ">@b@						ActiveMQ 是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬撒打发大水发撒是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬 斯蒂芬是打发发顺丰 撒旦法萨芬 @b@					</a>	@b@			 </span>@b@			  <span> @b@					<a href="/_site_domain_/_root/5870/5930/5931/6170/8272/index.html"  target="_blank" title="ActiveMQ" alt="ActiveMQ">@b@						ActiveMQ 是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬撒打发大水发撒是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬 斯蒂芬是打发发顺丰 撒旦法萨芬 @b@					</a>	@b@			 </span>@b@			  <span> @b@					<a href="/_site_domain_/_root/5870/5930/5931/6170/8272/index.html"  target="_blank" title="ActiveMQ" alt="ActiveMQ">@b@						ActiveMQ 是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬撒打发大水发撒是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬 斯蒂芬是打发发顺丰 撒旦法萨芬 @b@					</a>	@b@			 </span>@b@			  <span> @b@					<a href="/_site_domain_/_root/5870/5930/5931/6170/8272/index.html"  target="_blank" title="ActiveMQ" alt="ActiveMQ">@b@						ActiveMQ 是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬撒打发大水发撒是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬 斯蒂芬是打发发顺丰 撒旦法萨芬 @b@					</a>	@b@			 </span>@b@			  <span> @b@					<a href="/_site_domain_/_root/5870/5930/5931/6170/8272/index.html"  target="_blank" title="ActiveMQ" alt="ActiveMQ">@b@						ActiveMQ 是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬撒打发大水发撒是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬 斯蒂芬是打发发顺丰 撒旦法萨芬 @b@					</a>	@b@			 </span>@b@			  <span> @b@					<a href="/_site_domain_/_root/5870/5930/5931/6170/8272/index.html"  target="_blank" title="ActiveMQ" alt="ActiveMQ">@b@						ActiveMQ 是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬撒打发大水发撒是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬 斯蒂芬是打发发顺丰 撒旦法萨芬 @b@					</a>	@b@			 </span>@b@			  <span> @b@					<a href="/_site_domain_/_root/5870/5930/5931/6170/8272/index.html"  target="_blank" title="ActiveMQ" alt="ActiveMQ">@b@						ActiveMQ 是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬撒打发大水发撒是  撒打发斯蒂芬是打发发顺丰 撒旦法萨芬 斯蒂芬是打发发顺丰 撒旦法萨芬 @b@					</a>	@b@			 </span>@b@									 @b@									 @b@	 </div>@b@	 @b@</div>

效果如下图,对应资源demo下载

12022-09-11_00-46-49副本.jpg

<<推荐下载>>
  • (1) 阿里巴巴Java开发手册8种不同版本
  • (2) Web前端开发视频教程
  • (3) 30+明星讲师PPT课件分享一线大厂架构实战经验
  • (4) java开发_架构篇_视频资源分享_v2208
  • (5) java开发_高级篇_视频资源分享_v2208
  • (6) java开发_进阶篇(中级)_视频资源分享_v2208
  • (7) java开发_入门篇_视频资源分享_v2208
  • (8) 微信小程序开发视频1+167源码+实战demo等下载
  • (9) easy-shopping电子商务java源码(附脚本和安装文档说明)下载
  • (10) java常用的72份知名实用的电子书下载
  • (11) java开发性能优化资料整理大全(8份电子文档+3份实战优化)下载
  • (12) 9个常用的算法设计资料和100以上视频课件内容下载
  • (13) vue开发必备常用手册16件下载
  • (14) 21种不同技术集群方案(es、flink、redis、nginx、zk、lvs、kafka、mysql、k8s等)参考资料下载
  • (15) 20种技术代码规范(js/java/dba/阿里/华为/oracle/mysql等)参考资料下载
  • (16) 微服务五套资料(0-1,架构设计,springcloud,nacos等)下载
  • (17) 架构师(28知识图谱+3套简历模板+6套架构实战文档等)完整资料整理下载
  • (18) 大数据18套实战基础知识+8套简历模板下载
  • (19) 并发编程全套(7套+阿里巴巴+亿级实战等)实战资料下载
  • (20) Kafka九套学习整理知识点全套(面试+笔记+代码api+命令+容备等)资料下载
  • (21) java全套9个不同方向类型的面试题(基础+核心+大厂+架构师+近万套题库等)下载
  • (22) JAVA开发常用API帮助文档大全(超52种以上技术资料,高手必备)下载
  • (23) springcloud超详细139件全套学习实战资料( 视频课件+源码demo+文档资料等)下载
  • 更多推荐>>
  • <<热门文章>>