在我的列表视图中,我使用某些列表项右侧的position: absolute
来定位图像。当列表项包含太多文本时,我使用white-space: normal !important
包装它。
问题是列表项目的文本没有尽快包装,因为它们没有考虑到absolute
定位的图像位置。
为了解决这个问题,我已将列表项的<a>
标记包装在宽度小于100%的div中,但这会导致列表项的右箭头消失。
有没有办法解决这个问题而不向每个受影响的列表项添加新箭头?也许有另一种方法可以使列表项的文本更快地换行?
答案 0 :(得分:1)
您可以在listitem
中增加<a>
元素的右边距
更新了 FIDDLE
ul > li > a {
padding-right: 100px !important;
white-space: normal !important;
}