草庐IT

numbers_size

全部标签

相当于 "font size+2"的 HTML 样式标签

临时增加字体大小然后恢复正常的新“样式”方法是什么(不使用CSS,或者CSS是更好的方法?)。我想在文本中插入一个希伯来语单词,对于初学者来说,希伯来语字体太小了。我总是希望它比当前的字体大小大,而不是与某些特定大小Hook。下面的第1行有效(旧的做事方式)。第2行的修复是什么?Thisisnormal.biggerbacktonorm.andalsobigger. 最佳答案 我会创建一个类(比如.hebrew)并将字体大小属性设置为1.2em。这样,无论周围文本的字体大小如何,带有希伯来语类的文本都会大20%。.hebrew{fo

html - 如何将 background-size 设置为 "cover",再加上 CSS 中的更多内容?

我有一个固定高度为850像素的容器。我想要一个背景图片,它可以在所有缩放级别覆盖整个背景。我会使用background-size:cover但是,我需要它比cover大一点。为了创建视差,我希望一些背景从容器中渗出并且看不见。基本上,我如何使用background-size:cover,并在此基础上稍微增加尺寸?编辑:忘了说我也在使用background-attachment:fixed,所以如果我没记错的话,它实际上是通过浏览器窗口的大小(?)而不是850像素高的容器。在这种情况下,我将如何添加额外的出血? 最佳答案 只需使用ba

javascript - 如何: Reduce font-size if a line breaks

我在div中有一个跨度,div必须保持200像素宽,并且文本必须适合div中的一行。跨度内的文本是动态生成的,所以我不可能知道哪些内容会换行,哪些不会。Thissentenceistoolargetofitwithinthediv.如果我使用CSS属性white-space:nowrap;,文字将溢出到div的外部,这当然是我们不希望的。如何根据是否换行来减小字体大小(或缩放)?我更喜欢CSS答案,但我知道这是否超出了CSS的能力范围。 最佳答案 一个相当讨厌的方法:循环减少溢出的跨度,直到它小于div宽度;vardivWidth=

javascript - 无法在 'setSelectionRange' : The input element's type 'HTMLInputElement' ) does not support selection 上执行 ('number'

我添加了下面的代码以在用户单击输入框时选择整个文本:但我收到以下错误:UncaughtInvalidStateError:Failedtoexecute'setSelectionRange'on'HTMLInputElement':Theinputelement'stype('number')doesnotsupportselection. 最佳答案 我知道这是一个老问题,但我确实找到了一个不使用tel输入类型的很好的解决方法。通过在选择之前将输入类型从number更改为text,错误消失并且您可以保留number输入的所有优点类型

javascript - input type=number 手机无法输入负数

我正在我的手机(带有chrome的samsunggalaxynoteII)上测试我的应用程序,我遇到了数字输入字段的问题。在我的应用程序中,这些字段可以接受负数,并且在浏览器上一切正常,因为我有-按钮以及用于选择数字的箭头slider(来自html5)。在手机上虽然没有渲染slider,但浏览器识别输入类型=数字,并且只渲染一个简化的数字键盘,它不包含-符号,所以我没有'看到一种方法来插入我想要的负数。我的应用程序使用带有jquery的twitterbootstrap2.3.2,我不确定如何解决这个问题。这是我的一个输入字段的代码,它在我的电脑上运行良好,但在我的手机上无法正常使用:在

html - 输入类型 ="number"鼠标滚轮不滚动

我很困惑为什么鼠标滚轮不会增加/减少简单表单元素中的值。它在这个片段上工作得很好,但当我创建一个简单的通用html文档时却不行:当我在多个浏览器中查看时,鼠标滚轮不滚动。我也禁用了浏览器扩展等。我周围的其他几台机器也有同样的行为。是什么导致它不起作用?这是操作系统/浏览器问题吗?我几乎觉得这可能是更深层次的问题,可能是鼠标/驱动程序问题的类型?我测试的内容:Win7Chrome-失败Firefox-失败Firefox开发版-失败Safari-通行证IE11-失败IE9-失败操作系统Chrome-失败Safari-失败Firefox-失败 最佳答案

html - 如何仅覆盖页面上一个区域的 CSS Box Sizing?

我的TwitterBootstrap文件中有以下CSS:*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}这导致我的TinyMCE编辑器出现问题,主要是调整文本区域的大小。无论如何,如果我删除上面的代码,一切都很好,但显然我需要它,否则Bootstrap的其余部分就会中断。那么我该如何为TinyMCE覆盖上面的内容呢?我试过这个:.tinymce-editor,.tinymce-editor:before,.tinymce-editor:a

html - 有没有办法只允许在输入类型 ="number"上使用微调器控件进行输入?

我想限制用户仅能够使用HTML5中inputtype="number"提供的微调器更改框的内容,而不是能够在框中输入任何内容我可以这样做吗?(我的目标受众只会使用Chrome,因此在IE(9)和Firefox(13)上不出现微调器不是问题) 最佳答案 您可以在此处使用Javascriptonkeydown事件...这将阻止用户键入任何内容,但他仍然可以使用箭头控件来增加和减少数字。Demo注意:只是不要依赖JavaScript和HTML,始终有服务器端验证以确保用户没有发布任何恶意输入。Javascript可以被禁用,用户可以通过在

javascript - knockout : limit number of characters in an observable field

我的KnockoutView模型中有一个可观察的名称字段。现在我想限制这个字段中的字符数,如果它超过一定数量。如果name="johnsmith"然后我有6个字符的限制显示“约翰...” 最佳答案 另一个可重用的解决方案是创建一个自定义绑定(bind)来显示文本的trim版本。这允许底层值不受影响,但为了显示目的trim文本。这对于消息预览或将数据放入网格列中很有用。示例绑定(bind):ko.bindingHandlers.trimLengthText={};ko.bindingHandlers.trimText={init:fu

android - 三星 Galaxy 平板电脑不允许将 float 输入到 "number"类型的输入中

我们的客户希望我们为输入字段显示数字键盘,所以基本上我创建了一个如下字段:但是,GalaxyTablet会删除“.”并合并其前后的数字,还禁用“。”在键盘中。有没有其他方法可以解决此问题或在使用type="text"时在输入字段中显示数字键盘?注意:我尝试使用pattern属性(适用于iPhone)。我在装有Android2.1+的各种Android设备上测试了这个问题。我在任何其他HTC和三星设备上都没有遇到此错误。 最佳答案 是的,还有另一种方法。方式1:不使用type="number"而使用type="text"方法2:仅适用