【问题标题】:Percentage value is not correct百分比值不正确
【发布时间】:2016-09-30 20:12:17
【问题描述】:

我在 asp.net 中设计了一个页面,它必须显示百分比 100% 或小于该百分比,但它大于 100% 。不知道是设计问题还是代码问题。

这是我的代码,抱歉我之前忘记添加了。我无法提供 css 代码,因为它非常复杂。请帮助我不明白如何解释我的问题

<div>
  <div>
    <table>
      <tr>
        <td>Profile Completeness</td>
        <td>Resume Type</td>
      </tr>
      <tbody id="ResumeData" style="border: 1px">
      </tbody>
    </table>
  </div>
</div>
<div style="display: none">
  <table>
    <tr id="ResumeId" class="h4">
      <td id="Sno"></td>
      <td id="Resume">
        <div class="row">
          <div class="col-xs-12">
          </div>
        </div>
      </td>
      <td id="Nob" class="center">
        <div class="easy-pie-chart percentage easyPieChart divProCompleted" data-percent="10" style="width: 50px; height: 50px; line-height: 50px; color: rgb(209, 91, 71);">
          <span class="percent bigger-150 SpnProComplete">
                            10
                        </span>%
          <canvas width="40" height="40"></canvas>
          <canvas width="40" height="40"></canvas>
        </div>
      </td>
    </tr>
  </table>
</div>

【问题讨论】:

  • 你能发一些代码吗
  • 请提供您的代码
  • 可以添加 max-width:100%;和溢出:自动;
  • 忘记密码了?
  • 我认为他的意思是显示 102% 的 td 内容

标签: html css asp.net easypie


【解决方案1】:

使用此代码将有助于设计。这段代码确实有效

<div style="height:200px; Width:60%; background-color:green;">
    vijay chaudhary
</div>

<div style="height:200px; Width:100%; background-color:green;">
    <table>
        <tr>
            <td width="50%">
                vijay
            </td>
        </tr>
    </table>
</div>

【讨论】:

  • @snit80 它将第一个 div 设置为浏览器宽度的 60%,将第二个 div 设置为浏览器宽度的 100%。使用百分比可以使页面响应它所显示的屏幕大小。
  • 是的,我明白了。我猜 OP 遇到的问题是完全不同的
【解决方案2】:

我的问题解决了,我所要做的就是删除提供给标签的硬编码值

       <span class="percent bigger-150 SpnProComplete">
          10  </span>

每次出现一个值时,都会将这 10 加到其中,因此它显示错误的百分比.. 因为我的实际百分比是 92%,但它增加了 10,变成了 102%。 我所要做的就是传递 0 而不是 10。 感谢大家提供宝贵的 cmets。

【讨论】:

    猜你喜欢
    • 2013-04-06
    • 2014-03-19
    • 1970-01-01
    • 2021-01-31
    • 2014-04-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-19
    • 2023-03-28
    相关资源
    最近更新 更多