【问题标题】:Styling a singel cell in Java+ CSS在 Java CSS 中为单个单元格设置样式
【发布时间】:2019-01-21 17:29:09
【问题描述】:

是否可以使用 Java 而不是 javascript 来实现此解决方案?

const percent = 6.9

document.querySelector('div').style.backgroundImage = 
  `linear-gradient(to right, red, red  ${percent}%, white ${100 - percent}%)`
div {
  width: 500px;
  height: 10px;
  border: 1px solid black;
}
<div class="special"></div>

【问题讨论】:

  • 嗯,通常有一些代码可以帮助理解问题所在。
  • 我没有代码,因为我需要它是如何完成的,为什么需要代码,动态值是我从工人一个月的工作天数中得到的值,我天/月*100

标签: javascript java css


【解决方案1】:

您可以在单元格中使用background-image: linear-gradient(to right, red, red 68.9%, white 31.1%);

这是一个简单的例子(静态):http://jsfiddle.net/7dfq8vcy/

希望有帮助:)

PS:当然你也可以动态地做到http://jsfiddle.net/8rz6vpdL/

【讨论】:

  • 感谢我的朋友,但这是静态的,我知道问题是每次的值都不同并不总是 68.9 是动态值/。
  • 检查上面的新示例;)您可以随时更新它
  • @gengs 你知道java吗,可以用java而不用javascript吗?无论如何,这非常有帮助,但如果我能用 java 完成那就太好了
  • @Xenis 这里是一个更简单的语法,您只需要调整背景大小:jsfiddle.net/tkxr7pgu
  • @Xenis 我知道,我只是提供了另一种不需要白色并且只需要修改一个值的方法。
猜你喜欢
  • 2011-10-22
  • 1970-01-01
  • 2011-04-22
  • 1970-01-01
  • 2015-02-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多