SAPUI5 ObjectListItem图标未对齐

Question

我正在使用带有SAPUI5中图标的ObjectListItem，但图标并不总是与文本对齐。

我：

<List> 
<ObjectListItem title="title" type="Active" number="{/data/value}" 
icon="{= ${/data/value === '1' ? 'sap-icon://accept' : 'sap-icon://decline'}"> 
</ObjectListItem> 
</List> 

和风格：

.sapMObjLIconDiv { 
    float: right; 
    height: 0;} 

.sapMObjLIcon.sapUiIcon { 
    font-size: 18px; 
    line-height: 1.5rem; 
    margin: 0 auto;} 

和价值有不同的长度，有时图标出现在文本：

感谢

Answer 1

您的自定义CSS是重叠的原因。您可以向文本添加边距，以使其不与图标重叠。

.sapMObjLNumberDiv{ 
    margin-right:60px; 
} 

另外，我会建议你添加一个自定义的CSS类到列表中，并将所有的样式应用到该类。这将防止使用类似标准类的其他控件出现任何问题。