iReport中list-style-type=square不生效及间距调整问题求助
解决iReport中方形项目符号列表及间距问题
我明白你遇到的困扰——明明设置了HTML标记和方形项目符号样式,预览时却还是圆形,而且间距也没达到预期。这主要是因为JasperReports(iReport基于它)的HTML渲染引擎对部分CSS属性的支持有特定要求,加上你原来的代码里有几处写法需要调整。
下面是修正后的代码,直接替换你原来的TextField Expression内容即可:
"Names of fruits are:" + "<ul style=\"margin-top: -13px; padding-left: 20px; list-style-type: square;\">" + "<li style=\"margin: 0; padding: 0;\">Apple</li>" + "<li style=\"margin: 0; padding: 0;\">Orange</li>" + "<li style=\"margin: 0; padding: 0;\">Banana</li>" + "</ul>"
关键调整说明:
- 修正CSS属性的引号写法:原来的
style = {xxx}不符合HTML规范,改成style="xxx"(在Java字符串里需要转义双引号为\"),这是样式生效的基础。 - 明确设置ul的list-style-type:直接在ul的style里指定
square,同时调整padding-left来控制列表整体的缩进距离(避免项目符号被截断)。 - 缩小li的间距:给每个li添加
margin: 0; padding: 0;,覆盖默认的内外边距,让列表项之间的间距更紧凑。 - 移除多余的空格实体:你原来的
会导致列表项内容偏移,现在直接保留文本即可,缩进由ul的padding-left控制。
另外,请再次确认你的TextField的Markup属性确实设置为html,这个是HTML样式生效的必要前提。
内容的提问来源于stack exchange,提问作者radhik
相关产品推荐
相关产品推荐

