ZK Grid Column 文本换行(Text wrap)

flyworldhan

于 2010-08-23 08:05:36 发布

阅读量535

点赞数

CC 4.0 BY-SA版权

分类专栏： ZK 文章标签： zk CSS XML

本文链接：https://blog.csdn.net/flyworldhan/article/details/83698030

ZK 专栏收录该内容

13 篇文章

订阅专栏

本文通过实例演示了如何使用CSS解决英文文本换行问题，包括调整overflow属性和使用word-wrap属性来实现更好的文本布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

透过 CSS 的方式让英文字的换行正确

[img]http://dl.iteye.com/upload/picture/pic/70042/3205f634-87ca-336a-911a-7f4bd033c570.png[/img]

<zk>
 <style>
 .no-hidden .z-row-cnt {
	overflow:visible;
}
.no-hidden2 {
	word-wrap:break-word;
}
</style>
 <grid width="180px">
 	<columns sizable="true">
 		<column label="test" width="98px"/>
 		<column label="test" />
 	</columns>
 	<rows>
 		<row>
 			<label value="I misunderstood what you meaning" />
 			<label value="default" />
 		</row>
 		<row class="no-hidden">
 			<label value="I misunderstood what you meaning" />
 			<label value="overflow:auto" />
 		</row>
 		<row class="no-hidden2">
 			<label value="I misunderstood what you meaning" />
 			<label value="word-wrap" />
 		</row>
 	</rows>
 </grid>
</zk>