草庐IT

col_size

全部标签

html - 在一行中声明所有 CSS 背景属性——尤其是 background-size

这是我的代码:background:url(images/my-image.png)no-repeatcentercenter/cover;这在Chrome和Firefox上运行良好,但出于某种原因在Safari上运行不正常?我曾经在它自己的行上声明我的background-size但据我所知,应该可以使用正斜杠在一行中声明所有属性?任何帮助将不胜感激。谢谢。 最佳答案 由于一行简写代码对于safari浏览器来说似乎是未知的封面含义:background:url(images/my-image.png)no-repeatcenter

相当于 "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=

html - Bootstrap (TB3) 不在 bootstrap (TB3) cols 中包装按钮文本

我在测验式应用程序中使用Bootstrap(Twitter-Bootstrap3),并使用Bootstrap按钮来获取测验的答案。我的问题是有时答案很长,而不是将文本包装到放置按钮的col的宽度,文本只是保持一行并超过col和宽度。有没有一种简单的方法来解决这个问题(请注意,随着答案长度的变化,我无法定义设置宽度)?显示代码有点困难,因为它使用javascript来填充答案按钮,但我将展示一个屏幕截图和结果填充的HTML(在javascript填充问题和答案之后):这是生成的HTML:Quiz4-Thisisthequiz4descriptionCode:80559Instructio

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 - 使用推/拉和 col-md-12 在 Bootstrap 4 中进行列排序

我有两列,每列都有col-md-12类。在桌面View中,它们应该显示为:Col**1**Col**2**在移动View中应该显示如下:Col**2**Col**1**Bootstrap的列排序甚至可能吗?我当前的代码:Col1Col2 最佳答案 更新(2018年2月)-v4+现在已经发布了Bootstrap,您可以使用order来实现它您可以在测试版中使用实用程序类(请参阅下面的旧更新),不同之处在于他们添加了这3个新类:.order-first{-webkit-box-ordinal-group:0;-ms-flex-order

html - 使用 CSS 与使用 cols 和 rows 调整文本区域的大小

使用cols和rows调整文本区域的大小与使用高度和宽度调整文本区域的大小有什么区别?withcolsrowswithCSSjsFiddle 最佳答案 cols和rows是相对于字体大小的。height和width不是。http://jsfiddle.net/rVUEE/1/编辑:说它们与“字体大小”相关有点过于简单化了。如果还明确设置,它们会考虑诸如line-height和letter-spacing之类的内容。 关于html-使用CSS与使用cols和rows调整文本区域的大小,我们

html - html <COL align> 是否已弃用?

我正在查看W3Schoolsdemoofusingtheelementtoaligncolumns:ISBNTitlePrice3476896MyfirstHTML$53浏览器对它的渲染并不令人鼓舞:Chrome(10.0.648.127):火狐(3.6.8):InternetExplorer9(标准模式):InternetExplorer8(标准模式):InternetExplorer7(标准模式):InternetExplorer(怪癖模式):有趣的是曾经在浏览器中工作,而该功能在ie8中被拿走了。(而Chrome,作为所有事物完美的仲裁者,不支持它。)这让我想知道是否不是应该起作

html - 我可以在另一个 col 中放置一个 Bootstrap col 吗?

我对Bootstrap还是个新手,我想弄清楚什么是正确的,什么不是。在col中包含col是否可以接受?在下面的示例中,我有一个要适合屏幕一半的表单。我还希望某些表单控制元素为一半大小,而其他元素为全宽。这是解决此问题的正确方法还是有更好的方法?示例代码:ContactSubmit 最佳答案 是的,根据Bootstrap的GridTemplate,这没关系指南:Twocolumnswithtwonestedcolumns--Perthedocumentation,nestingiseasy—justputarowofcolumnswi