小编Ste*_*ler的帖子

通过css设置打印机纸张尺寸

我的打印机默认尺寸为A4,我需要使用旧的点阵打印机打印尺寸为8.5inx5.5in的工资单.我试图将每个工资单设置DIV在固定的高度,

width: 175.6mm;
height:123.7mm;
margin-left:auto;
margin-right:auto;
Run Code Online (Sandbox Code Playgroud)

虽然它完全符合工资单的大小,但是在打印之后,纸张将一直滚动直到它结束,因为与A4不同,工资单纸都加入了.我不希望对打印机纸张尺寸进行任何更改,因此我设置:

@media print 
{
   @page
   {
    size: 8.5in 5.5in;
    size: portrait;
  }
}
Run Code Online (Sandbox Code Playgroud)

但谷歌浏览器的打印预览仍显示:

在此输入图像描述

实际上是否可以这样做?或者有没有办法强制打印机停止打印后打印工资单以防止它继续滚动纸张?(我认为应该不可能)

PS我只使用谷歌浏览器.

**更新:

我注意到在选择"另存为PDF"后纸张尺寸会发生变化,如果我选择退回我的默认打印机,纸张尺寸会再次不正确.

html css google-chrome printing-web-page media-queries

13
推荐指数
3
解决办法
5万
查看次数

您将如何使用业务验证层?

在我的项目中,我需要创建一个业务对象验证层,它将接受我的对象并根据一组规则运行它,并返回pass或fail以及它的失败原因列表.我知道有很多选择可以实现这一目标.

来自微软:

开源:

有没有人对这些技术(或任何我没有列出的技术)或任何他们认为最适合业务规则验证的意见有任何特别大的成功或失败.

编辑:我不只是询问通用验证字符串长度<200,邮政编码是5位数或5 + 4但是假设规则引擎实际上会被利用.

c# validation nxbre

12
推荐指数
2
解决办法
4811
查看次数

带滚动条的HTML datalist

我正在使用HTML并尝试制作列表,如之前的图像所示.但是,通过使用datalist我无法获得滚动条.你能告诉我如何在datalist中启用滚动条.(注意:不能在我的网站上使用脚本语言来实现这一点).

<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Afghanistan">
  <option value="Aland Islands">
  <option value="Albania">
  <option value="Algeria">
  <option value="American Samoa">
  //Many more countries
  .
  .
  .
  <option value="Zcountry">
</datalist>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

html html-datalist

12
推荐指数
1
解决办法
9584
查看次数

C++百分号是什么意思?

我得到了这个c ++宏,并想知道代码%2(百分号)是什么意思?

#define SHUFFLE_STATEMENT_2(code, A, B)
switch (code%2)
{
  case 0 : A; B; break;
  case 1 : B; A; break;
}
Run Code Online (Sandbox Code Playgroud)

c++

11
推荐指数
4
解决办法
7万
查看次数

如何在没有百分号的情况下将值格式化为百分比?

float f = 0.479f;
Console.WriteLine(f.ToString("p1"));
Run Code Online (Sandbox Code Playgroud)

产量:47.9%

我应该传递给ToString()以删除输出的百分号,如下所示:

47.9

编辑.我应该已经提到过,我正在将掩码传递给第三方组件,它可以实现它的功能.不幸的是,我无法使用这些数字进行任何杂技表演.它必须是制作技巧的面具.

c# tostring .net-2.0

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

如何最好地处理html5中嵌套h1的样式?

我目前正在为我的一些网站制作一些HTML5主题,并且我一直遇到问题,<h1>可以多次使用.我似乎无法预测标题会显示哪些元素,但我确实想根据它们在DOM中的位置自动调整大小...

我正在考虑使用类似的东西

h1 { font-size: 3em; }
h2,
body > * > header h1 { font-size: 2.5em; }
h3,
body > * > header h2,
body > * > * > header h1 { font-size: 2em; }
Run Code Online (Sandbox Code Playgroud)

但显然这远非防水.在h1周围有一个额外的元素并不意味着它在页面结构中更深层,因此选择的方法太小了.例如,包含每个都有自己标题的块的无序列表将具有类似的功能

<section>
  <ul>
    <li>
      <header>
        <h1>Title of a block</h1>
      </header>
      content
    </li>
 </ul>
</section>
Run Code Online (Sandbox Code Playgroud)

这使得它<h1>看起来比它实际上更深.处理这个问题的好方法是什么?

css html5 nested

11
推荐指数
3
解决办法
8131
查看次数

javascript dom,如何处理"特殊属性"与属性?

问题是是否使用属性或属性.

没有发现这个记录,所以进行了一些测试(铬12):

property <=>属性

accept, alt, formMethod, formTarget, id, name, placeholder, type, maxlength, size
form: method, name, target, action, enctype
  • 可以设置属性或属性
  • 将反映属性或属性
  • 异常1:如果form属性首先查找该名称的元素(!)
  • 异常2:action属性使用value重写自身,将set value传递给attribute
  • 异常3:enctype维护其完整性,但将set值传递给attribute

property <= attribute

value, autofocus, checked, disabled, formNoValidate, multiple, required
  • 设置属性对属性没有影响
  • setting属性也设置属性

property =>属性

indeterminate
  • setting属性也设置属性
  • 设置属性对属性没有影响

propetry> <属性

defaultValue, validity, defaultChecked, readOnly
form: novalidate
  • 设置属性或属性对另一个没有影响


对我来说,这似乎很随意.

给出一个随机属性/值来应用于一个元素,这里是我提出的最好的规则(根据Tim Down(谢谢!)修改):

  • if class,write with classList,read with classNameproperty

  • 如果一个表单,总是使用属性读取(并且要小心)

  • 如果typeof element[propName] != "undefined",使用财产,即,element[attr]=val

  • 否则,使用属性,即 element.setAttribute(attr,val)

这甚至接近正确吗?

注意:有趣的是,如果你有一个名为"novalidate"的元素的表单,是否可以访问novalidate表单本身的属性?

javascript dom code-generation

11
推荐指数
1
解决办法
1369
查看次数

CSS:Box + text over image

首先,我想给你看一张图片(用油漆做的).

替代文字

好的"当前"就是我现在所拥有的.我想在右边的图像上放置一个带有黑色背景的框,然后在此框中放置文本.

我尝试使用z-index等,但没有任何成功.这是我试过的:

<div> <!-- start div for image -->
  <img style="z-index: -1;" src="1.jpg" width="860" height="240"> <!-- the image -->
</div> <!-- end div -->
<div style="z-index: 1; width: 300px; background: #000; position: relative;">
  <div style="margin: auto;">
    text text text
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

但这没有任何好处.我怎样才能做到这一点?

html css overlay z-index

10
推荐指数
2
解决办法
3万
查看次数

使用tabindex =" - 1"的模态将焦点放在选项卡上

我正在使用Twitter Bootstrap,我在模态的tabindex中遇到一个奇怪的问题:

我正试图通过模态中的表单元素进行选项卡,但在最后一个按钮之后焦点消失,然后返回关闭按钮.我在控制台中添加了一行来记录哪个元素正在被聚焦,并且它原来是模态本身,即使它有tabindex="-1".

我无法分享我的代码,但快速查看Bootstrap文档告诉我,它也发生在他们的示例模式中.问题是可重现的:

  1. 访问http://getbootstrap.com/2.3.2/javascript.html#modals
  2. 打开演示模式("启动演示模态"按钮)
  3. 选中字段.在"保存更改"之后,您将在返回关闭按钮之前失去焦点.

只要模态(或实际上任何元素tabindex="-1")获得焦点,将其置于控制台中就会记录.

$('[tabindex="-1"]').focus(function(){
    console.log('Focus is on an element with negative tabindex')
});
Run Code Online (Sandbox Code Playgroud)

(当你单击模态时它也会记录它,但这超出了范围).

为什么会这样?我怎么能阻止这个?这是一个浏览器错误,Twitter Bootstrap的错误/功能,还是完全不同的东西?

jquery tabindex twitter-bootstrap

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

UI-Router模式更改现有视图

我正在尝试使用ui-router来触发某个状态的模态,而不是改变整个视图.为此,我实现了常见问题解答中给出的略微适应的形式,因为我使用的是角度基础而不是引导程序.当我触发状态时,会显示模态,但是即使在我的状态中没有指定视图,它也会清除现有视图:

.state('selectModal',
  onEnter: ($modal, $state, $sessionStorage) ->
    $modal.open(
      templateUrl: 'views/select_modal.html'
      windowClass: 'tiny'
      controller: 'SelectCtrl'
      resolve:
        options: (Restangular) -> Restangular.all('options').getList()
    )
    .result.then (result) ->
      $sessionStorage.selected = result
      $state.go 'resource', id: result.id
)
Run Code Online (Sandbox Code Playgroud)

我应该为此状态配置视图/父级,例如<div ui-view='modal'></div>parent:'main'(我希望它可以从任何状态访问而不会在切换时改变该状态)?

angularjs angular-ui-router angular-foundation

10
推荐指数
1
解决办法
763
查看次数