【发布时间】:2013-09-18 08:06:02
【问题描述】:
我试图在气泡中显示我的结果百分比。
我已使用以下存储过程为绑定在数据列表中的 div 设置 css 样式(宽度、高度、字体大小以将其显示为气泡)。
Select
*,
'width: '+cast(@maxWidth*(CountItemPercentage/100) as varchar(max)) +'px; height: '+cast(@maxWidth*(CountItemPercentage/100) as varchar(max)) +'px; font-size: '+cast(@maxWidth*((CountItemPercentage/100)/5) as varchar(max)) +'px;' as CSSStyle
from
@temp
我已将最大宽度设置为 300 像素。
现在我的问题是,如果百分比低于 10%,则气泡太小而无法看到。如何使用存储过程设置 div 的最小宽度以使其清晰可见?
提前致谢
【问题讨论】:
-
不完全确定你的意思,但 CSS 也有“min-width: 50px;”属性
-
代码看起来有点奇怪,但从逻辑上讲,我认为你想要像
Math.Max(calculatedWidth, @maxWidth / 10)这样的东西,它返回两者中较大的一个。 -
除非您有一些疯狂的限制,否则我强烈建议您将
CountItemPercentage简单地返回到Web 层,并使用您的Web 技术或javascript 来设置样式。将 UI 逻辑放在数据层有悖于关注点分离原则。