程序设计 css

18

如何background-size:cover在html元素（例如<video>或）上模拟的功能<img>？我希望它像 background-size: cover; background-position: center center;

154 javascript jquery css

30

有没有一种样式（或脚本） <input type=file />元素以使其仅显示“浏览”按钮而没有文本字段？谢谢编辑：只是为了澄清为什么我需要这个。我正在使用来自http://www.morningz.com/?p=5的多文件上传代码，它不需要输入文本字段，因为它永远没有价值。脚本只是将新选择的文件添加到页面上的集合中。如果可能的话，没有文本字段看起来会更好。

154 javascript html css

10

我可以使用单个选择器来定位所有<H>标签吗？

我想定位页面上的所有h标签。我知道你可以这样 h1, h2, h3, h4, h5, h6 { font: 32px/42px trajan-pro-1,trajan-pro-2; } 但是使用高级CSS选择器有没有更有效的方法呢？例如： [att^=h] { font: 32px/42px trajan-pro-1,trajan-pro-2; } （但显然这是行不通的）

154 css css-selectors

3

使用CSS删除ul缩进

当列表中的长行环绕时，我似乎无法从无序列表中删除缩进。这是我的清单： Windows用户可以使用腻子 Mac用户可以使用Terminal.app Linux用户可以使用SSH userid@ourserver.com端口22 ...........>或使用像Cyberduck这样的SFTP程序，只需将其指向.......................................... ..............> ourserver.com，端口22 （点表示缩进）我已经阅读了很多解决方案，并尝试使用文本缩进，列表样式将边距和填充设置为零，但是没有任何效果。我认为问题在于列表上方有一个标题，需要将其居中，因此我将边距设置为自动，然后将下面的列表弄乱了。但是，即使我在父div内放了两个div也行不通。这是HTML / CSS（我包含了所有内容，以防万一某些设置导致所有其他解决方案失败） <div id="info"> <p><strong>Did you know you can SSH directly to ourserver.com?</strong> </p> <ul> <li>Windows users can use putty</li> <li>Mac users can use the <a href="http://www.terminfo.org">Terminal.app</a></li> <li>Linux users can use SSH userid@ourserver.com port 22</li> <li>Or use an SFTP …

154 html css html-lists

2

使弹性项目采用内容宽度，而不是父容器的宽度

我有一个容器<div>用display: flex。它有一个孩子<a>。我怎样才能使孩子显得“内联”？具体来说，如何使孩子的宽度由其内容决定，而不扩展到父母的宽度？我试过的我将孩子设置为display: inline-flex，但仍然占用了整个宽度。我也尝试了所有其他显示属性，但没有任何效果。例： .container { background: red; height: 200px; flex-direction: column; padding: 10px; display: flex; } a { display: inline-flex; padding: 10px 40px; background: pink; } <div class="container"> <a href="#">Test</a> </div> 运行代码段隐藏结果展开摘要 http://codepen.io/donpinkus/pen/YGRxRY

154 html css flexbox

8

“消除首屏内容中的阻止渲染的CSS”

我一直在使用Google PageSpeed见解来尝试改善网站的性能，到目前为止，事实证明它非常成功。诸如推迟脚本之类的事情可以很好地工作，因为我已经拥有一个内部版本的jQuery，.ready()可以将脚本推迟到页面完全加载之前，我要做的就是内联该特定函数并将完整的脚本移到页面末尾。效果很好。但是现在我发现自己瞪着清单上剩下的一个黄色圆点：“在首屏内容中消除了阻止渲染的CSS”。设置我的CSS的方法是拥有一个_.css包含样式的全局文件，这些样式通常适用于页面结构，或者在整个网站的一两个以上位置使用。然后，大多数页面都有一个关联的CSS文件（例如party.php具有party.css），其中包含特定于该特定页面的样式。我将所有CSS文件无限期地缓存，因为我会附加/t=FILEMTIME到文件名（然后使用.htaccess删除它们），以确保在更改文件时对它们进行更新。因此，无论如何，Google建议内嵌折叠内容所需的关键样式。问题是...好吧，请看以下屏幕截图：http : //prntscr.com/1qt49e 如您所见... 所有内容都在首位！人们讨厌滚动，特别是在涉及加载许多页面的游戏上。因此，我将网站设计为适合一个屏幕（假定分辨率足够好）。因此，这意味着... 所有样式都适用于首屏内容！那么...有什么解决办法吗？还是我在那个接近完美的得分上留下了那个黄色标记？

153 css pagespeed

10

如何在HTML中使文本变为粗体？

我正在尝试使用HTML来使文本变粗体，但是我正在努力使其正常工作。这是我正在尝试的： Some <bold>text</bold> that I want emboldened. 有人可以告诉我我在做什么错吗？

153 css html

10

中心HTML输入文本字段占位符

如何以html形式居中输入字段的占位符对齐方式？我正在使用以下代码，但是它不起作用： CSS-> input.placeholder { text-align: center; } .emailField { top:413px; right:290px; width: 355px; height: 30px; position: absolute; border: none; font-size: 17; text-align: center; } HTML-> <form action="" method="POST"> <input type="text" class="emailField" placeholder="support@socialpic.org" style="text-align: center" name="email" /> <!<input type="submit" value="submit" /> </form>

153 html css

7

jQuery的.hide（）与将CSS设置为显示之间的区别：无

我最好做什么？.hide()比写出来要快.css("display", "none")，但是有什么区别，它们实际上对HTML元素做了什么？

153 javascript jquery html css show-hide

7

使用display：block输入的不是块，为什么不呢？

为什么display:block;width:auto;我的文本输入不像div那样填充容器宽度？我的印象是div只是具有自动宽度的块元素。在以下代码中，div和输入的尺寸不应该相同吗？如何获取输入以填充宽度？100％的宽度无效，因为输入具有填充和边框（导致最终宽度为1像素+ 5像素+ 100％+ 5像素+ 1像素）。固定宽度不是一个选择，我正在寻找更灵活的方法。我希望直接找到解决方法。这似乎是CSS的怪癖，以后理解它可能会很有用。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>width:auto</title> <style> div, input { border: 1px solid red; height: 5px; padding: 5px; } input, form { display: block; width: auto; } </style> </head> <body> <div></div> <form> <input type="text" name="foo" /> </form> </body> …

153 html css

6

如何在HTML网站上安装自定义字体

我没有使用Flash或php-有人要求我将自定义字体添加到简单的HTML布局中。“ KG June Bug” 我已经在本地下载了-是否有简单的CSS技巧来完成此操作？

153 html css fonts webfonts

18

如何在CSS中做到width = 100％-100px？

在CSS中，我该怎么做： width: 100% - 100px; 我想这很简单，但是很难找到显示它的示例。

153 html css

21

如何使html链接看起来像按钮？

我正在使用ASP.NET，某些按钮只是进行重定向。我希望它们是普通的链接，但是我不希望我的用户注意到外观上的很大差异。我考虑过用锚（即标签）包裹的图像，但是我不想每次更改按钮上的文本时都必须启动图像编辑器。

153 css button

4

防止内容扩展网格项目

TL; DR：table-layout: fixed CSS网格有什么类似的东西吗？我试图用几个月的大4x3网格创建年视图日历，而白天则嵌套7x6网格。日历应填满页面，因此Year网格容器的宽度和高度分别为100％。 .year-grid { width: 100%; height: 100%; display: grid; grid-template: repeat(3, 1fr) / repeat(4, 1fr); } .month-grid { display: grid; grid-template: repeat(6, 1fr) / repeat(7, 1fr); } 这是一个工作示例：https : //codepen.io/loilo/full/ryXLpO/ 为简单起见，该笔中的每个月都有31天，从星期一开始。我还选择了一个可笑的小字体来演示该问题：网格项（=日单元格）非常简洁，因为页面上有数百个。当日期数字标签过大（可以使用左上角的按钮随意使用笔中的字体大小）时，网格的大小就会增大，并超过页面的主体尺寸。有什么办法可以防止这种行为？我最初宣布年份网格的宽度和高度为100％，所以这可能是起点，但是我找不到任何与网格相关的CSS属性都可以满足这一需求。免责声明：我知道有很简单的方法可以设置日历的样式，而无需使用CSS网格布局。但是，这个问题更多地是关于该主题的常识而不是解决具体示例。

153 css grid-layout css-grid

14

检查元素的内容是否溢出？

检测元素是否已溢出的最简单方法是什么？我的用例是，我想将某个内容框的高度限制为300px。如果内部内容比那更高，我会溢出来。但是，如果溢出了，我想显示一个“更多”按钮，但如果不是，我不想显示那个按钮。有没有检测溢出的简便方法，还是有更好的方法？

153 javascript css overflow

Questions tagged «css»