小编eas*_*wee的帖子

为什么百分比的标准数字格式包含空格?

背影故事

我有一些十进制值,我在网页上显示为字符串作为更大的字符串的一部分.我开始使用标准数字格式字符串输出.例如

myDecimal.ToString("P0")
Run Code Online (Sandbox Code Playgroud)

0P告诉它我想没有小数位.这样做可行,因为我的输出最终看起来像:

根据分阶段最低公司缴费率2%计算如上

空间问题

我真的想摆脱数字和百分号之间的那个空间,因为在某些情况下它最终会分开.而且,我更喜欢%以达到数字.

可能的解决方法

1. html/css解决方案

我可以放一个<nobr>标签或<span style="white-space: nowrap;">周围.但是,这感觉很尴尬,无论如何我更倾向于将数字直接对准数字,因为我觉得它看起来更好.这就是我们如何将它写在树林中的报告中,所以这就是我在网页上想要它的方式.

2.自定义格式字符串

我将最终使用自定义数字格式字符串,例如

myDecimal.ToString("0%")
Run Code Online (Sandbox Code Playgroud)

问题

显示数字和百分号之间的空格的百分比更常见吗?这会让我感到惊讶,但它可能会.

有没有办法告诉标准数字格式字符串我不想要空格?

标准数字格式字符串上使用自定义数字格式字符串是否有任何缺点?

好的 - 我承认,这不仅仅是一个问题 - 如果你全部回答它们的额外信用.

.net number-formatting

9
推荐指数
2
解决办法
2816
查看次数

固定元素的百分比宽度?

我有这样的HTML:

<div id='content'>
    <div id='first'>...</div>
    <div id='second'>...</div>
</div>

#content
{
    width:100%;
    position:relative;
    padding:20px;
}

#first
{
    width:70%;
    position:relative;
}

#second
{
    width:70%;
    position:fixed;
}
Run Code Online (Sandbox Code Playgroud)

这导致第二个div比第一个div宽一点(确切地说是40px),因为第一个div的70%是相对于内容的宽度(100%减去每侧20px的填充).

第二个div的70%指的是什么?我怎么能这样做,以便两个div是相同的宽度?

html css

9
推荐指数
3
解决办法
9728
查看次数

MVC 3中的百分比属性

我的应用程序有许多模型,其中许多包含百分比数据.这些在模型中表示为decimaldecimal?结构.但是,并非所有具有decimal结构的属性都是百分比.有些应该像常规小数一样对待.

百分比需要特别注意:

  • 为了显示,他们应该使用{0:P2}格式.(我有这部分工作.)
  • 对于编辑,它们应该允许与显示相同的格式,即"95"或"95%"或"95.00%"都绑定到值0.95.

我开始走上创建之路PercentModelBinder实现IModelBinder,但后来意识到,你只能应用ModelBinderAttribute,而不是一个属性.

处理这种情况的最佳方法是什么,某种类型的(但不是全部)使用需要对显示和绑定进行特殊处理?

我认为每个解决方案都有过分杀戮,与MVC框架作斗争.当然有一种比以下更好的方法:

  • 创建自定义Percentage结构并将其用作IModelBinder和EditorTemplates的基础,或
  • 重新实现和的默认绑定行为,decimaldecimal?根据对模型的深入了解来改变解析逻辑,或者
  • 为包含百分比属性的每个类实现自定义模型绑定器,或
  • 在模型中使用伪代理属性(即打破MVC)

asp.net-mvc model-binding

9
推荐指数
1
解决办法
6393
查看次数

如何将1px边框添加到宽度为百分比的div?

我有这个jsfiddle http://jsfiddle.net/tara_irvine/DZLTJ/1/解释了我的问题.

我希望顶部的菜单项占窗口的20%,但我也希望它们具有1px的右边框.

正如你所看到的那样,它有点明显,这是非常明显的.

----------------------------------------------
| menu 1 | menu 2 | menu 3 | menu 4 | menu 5 |
----------------------------------------------
|          row one needs to be same          |    
----------------------------------------------
Run Code Online (Sandbox Code Playgroud)

我不认为百分比边界会起作用,因为它与不同的窗口大小不一致.

有没有人对我如何做到这一点有任何建议?

css

9
推荐指数
1
解决办法
4837
查看次数

使用百分比值填充flexbox项目

我在Google Chrome中使用flexbox(仅支持此浏览器)来创建动态布局.我在一个div元素中有n个子元素,它们应该以相同的比例共享整个空间.由于新推出的柔性盒,这种方法没有问题.但我还必须将每个内部div的高度设置为0.如果我想将此div内的元素拉伸到100%高度,则使用给定值0而不是任何计算值.由于我选择了弹性盒以防止使用javascript,我宁愿保持这种方式.有没有其他方法可以使图像的高度填充div?

以下是代码(仅在Google Chrome中测试过):

HTML

<div class="flexbox">
    <div><img src="chrome-logo.png" /></div>
    <div><img src="chrome-logo.png" /></div>
    <div><img src="chrome-logo.png" /></div>
    <div><img src="chrome-logo.png" /></div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS

            .flexbox {
                display:-webkit-box;
                -webkit-box-orient:vertical;
                height:300px;
                width:200px;
            }
            .flexbox > div {
                -webkit-box-flex:1;
                height:0;
                border:solid 1px #000000;
            }
            .flexbox > div > img {
                height:100%;
            }
Run Code Online (Sandbox Code Playgroud)

要在浏览器中观看的代码

css html5 google-chrome flexbox

9
推荐指数
1
解决办法
4833
查看次数

Webkit线性渐变停止渲染不正确

我在webkit浏览器(Chrome,Opera)中遇到了一个奇怪的问题.

测试用例:http://sample.easwee.net/gradient-bug/(登录Chrome或最新Opera)

我有两个由容器包裹的列.我正在应用CSS渐变来为这两列创建背景.颜色停止设置为66%和列具有相同的66%宽度(使用填充来偏移右列).

它在Firefox中正确呈现 - 列布局和渐变停止点匹配,但在基于webkit的浏览器中,颜色停止与列宽不匹配,尽管我已经使用过66%.

HTML:

<div class="special-container">
    <div class="special-container-inner">
        <div class="special-container-column-L">
            <img src="http://placehold.it/1070x600" />
        </div>
        <div class="special-container-column-R">
            <img src="http://placehold.it/530x345" />
            <h3>Test</h3>
            <p>It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable.</p>
        </div>
        <div class="clear"></div>
     </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

.special-container {}
.special-container-inner {max-width:1600px;margin:0 auto;
    background: #ff0000;
    background: -moz-linear-gradient(left,  #ff0000 0%, #ff0000 66%, #2989d8 66%, #2989d8 66%, …
Run Code Online (Sandbox Code Playgroud)

webkit linear-gradients css3

9
推荐指数
1
解决办法
1118
查看次数

使用CSS在嵌套的div上重复一组颜色

我有一组四种颜色,我想将它们应用于嵌套的div,所以每个下一个孩子都有不同的颜色。如果有第五层嵌套,即使我有无限深的嵌套层,我也要从第一种颜色开始重新进行。这可能仅与CSS选择器一起使用并且避免使用JavaScript吗?

我目前停留在以下代码上-如您所见,pink会在第4个之后继续应用于所有嵌套的div。

div {
  border: 1px solid black;
  font-weight: bold;
  padding: 30px;
}

div {
  color: red;
}

div>div {
  color: blue;
}

div>div>div {
  color: green;
}

div>div>div>div {
  color: pink;
}
Run Code Online (Sandbox Code Playgroud)
<div>
  1
  <div>
    2
    <div>
      3
      <div>
        4
        <div>
          1
          <div>
            2
            <div>
              3
              <div>
                4
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css css-selectors

9
推荐指数
2
解决办法
146
查看次数

数学范围到百分比

我需要一些数学方面的帮助.

我有一个范围0 - 127,我想将其转换为百分比.

所以0%= 0和100%= 127以及中间的每个数字.

我该怎么办?

编辑:

感谢jon发布的内容,我提出了:

$%*127/100

language-agnostic math

8
推荐指数
3
解决办法
7895
查看次数

WPF中的双向百分比格式化绑定

我有这个文本框:

<TextBox Text="{Binding Path=TaxFactor, StringFormat=P}" />
Run Code Online (Sandbox Code Playgroud)

它正确显示0.055%,但它无法返回.当我输入百分比时,由于符号百分比而失败.如果我尝试只编写一个数字5,我会500%改为.我必须写0.05它才能工作.

我是否必须编写自定义转换器以获得我的百分比?如果是这样,我如何绕过特定于语言环境的百分比格式?

.net data-binding wpf

8
推荐指数
2
解决办法
7947
查看次数

照片拼接算法.如何根据基本图像和瓷砖列表创建马赛克照片?

Hy.我要做的是创建一个程序(使用C或C++),它将24位/像素位图作为输入并收集图像,我必须创建一个马赛克图像,类似于使用该库的输入图像给出的图像(创建马赛克照片类似于输入).

到目前为止,我可以访问输入的图像像素和颜色,但我有点卡住了.我的问题是我应该从哪里开始?我需要一个可以做这种事情的基本算法.我真的找不到任何东西(也许我看错了).还有人可以告诉我一个随机照片下载器,以便我可以下载项目的小图像?有人能帮我吗?请告诉我从哪里开始和使用什么.

c++ algorithm photo image-processing visual-c++

8
推荐指数
1
解决办法
2万
查看次数