程序设计 css

11

这让我有些难过。我想在#content div中将所有段落的第一个单词设为14pt，而不是默认的段落（12pt）。有没有办法在纯CSS中做到这一点，还是我将第一个单词包裹在一个跨距中来完成此操作？

76 css

2

我猜这是一个非常简单的问题，但是我无法在flex容器中让3个项目显示为2行，其中第一行显示第二行。这是flex容器的CSS。它在一行上显示3个项目，很明显:) div.intro_container { width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; } 如果flex-wrap设置为wrap，则这3个项目将显示在列中。我认为需要包装设置才能在多行上显示容器项目。我已经为第一个容器项目尝试了此CSS，目的是使它占据第一行的整个内容，但是没有用 div.intro_item_1 { flex-grow: 3; } 我已经按照“ CSS技巧”中的说明进行了操作，但是我真的不确定要使用哪种命令组合。任何帮助都将非常受欢迎，因为对此我感到困惑。

76 css flexbox

13

更改新的Google Recaptcha（v2）宽度

我们刚刚开始实施列出的新的Google Recaptcha，网址为https://www.google.com/recaptcha/intro/index.html 但是，新方法似乎包含在iFrame中，而不是嵌入到页面中，因此使CSS的应用更加困难。但是，我们的表单宽度为400像素，因此希望将Recaptcha设置为相同的宽度。目前看起来像，但是我们希望其他地方都一样。有人知道怎么做吗？谢谢

76 css iframe width recaptcha

2

父/祖先元素的CSS否定伪类：not（）

这让我发疯： HTML： <div><h1>Hello World!</h1></div> CSS： *:not(div) h1 { color: #900; } 这不是读到“选择所有h1祖先不是div元素的元素吗？”。因此，“ Hello World！” 不应显示为红色，但仍然是。对于上述标记，添加子组合器的工作原理是： *:not(div) > h1 { color: #900; } 但是，h1如果它不是div元素的子元素，则不会影响元素。例如： <div><article><h1>Hello World!</h1></article></div> 这就是为什么我想将h1元素表示为元素的后代而不是子div元素。任何人？

76 html css css-selectors

5

iPhone X / 8/8 Plus CSS媒体查询

与苹果的新设备相对应的CSS媒体查询是什么？我需要设置body的background-color改变X的安全区域的背景颜色。

76 css media-queries iphone-x iphone-8 iphone-8-plus

2

CSS图片最大宽度设置为原始图片大小？

你能做这个吗？我让用户将图像上传到width：100％的容器中，但我不希望图像大于原始大小。非常感谢！

76 css image

3

CSS无文字换行

请参阅下面引用的代码http://jsbin.com/eveqe3/edit。我需要以这样一种方式在项目div中显示文本，即文本仅出现在具有指定宽度的绿色框中，其余行需要隐藏。有什么建议请... <style> #container{ width : 220px; } .item{ float:left; border: 1px solid #0a0; width: 100px; height: 12px; padding 2px; margin: 0px 2px; } .clearfix{ clear: both; } </style> </head> <body> <div id="container"> <div class="item"> A very loooooooooooooooooooooong text </div> <div class="item"> Another looooooooooooooooooooong text </div> <div class="clearfix"> </div> </div> …

76 html css text

7

flexbox项目上的宽度被忽略

http://jsfiddle.net/XW9Se/ 我已经设置width: 200px;在左侧，<div>但是如果使用浏览器检查器工具进行查看，则实际宽度似乎是随机的或某种程度。它根据窗口大小不断变化。为什么宽度不生效？编辑：如果我删除width: 100%宽度保持固定。但是我需要这样，以便#maindiv占用剩余的宽度:(是否有任何方法可以使侧边栏@固定宽度而另一个<div>填充容器的其余宽度？width: auto;在#main上不起作用..

76 css width flexbox

7

在HTML表格的<td>中设置最小宽度

我的表有几列。每列应具有取决于浏览器窗口大小的动态宽度。另一方面，每一列都不能太小。因此，我尝试min-width为这些列设置属性，但这不是有效的属性。也尝试过min-width，<td>但这也是无效的属性。有没有办法min-width在HTML表中为col / td设置？

76 html css html-table

11

如何根据当前颜色生成相反的颜色？

我正在尝试创建与当前颜色相反的颜色。我的意思是，如果当前颜色是黑色，则需要生成白色。实际上我有一个文本（此文本的颜色是动态的，其颜色可以随意设置）。这是文成div，我需要设置文本的相反颜色background-color的div。我希望该文本在（颜色透视图）中清晰可见。div 相反的颜色表示：暗/亮我具有文本的当前颜色，可以将其传递给此函数： var TextColor = #F0F0F0; // for example (it is a bright color) function create_opp_color(current color) { // create opposite color according to current color } create_opp_color(TextColor); // this should be something like "#202020" (or a dark color) 有创建create_opp_color()功能的想法吗？

76 javascript jquery html css colors

13

预加载@ font-face字体？

是否可以在页面加载之前预加载或以其他方式缓存@ font-face字体（最有可能使用javascript），以便在页面最终加载时不会出现难看的跳转？

76 javascript css fonts embedding font-face

16

Bootstrap 4文件输入

我正在使用bootstrap 4文件浏览器。如果我使用自定义文件控件，则会一直看到“选择文件值”。 https://v4-alpha.getbootstrap.com/components/forms/#file-browser 选择文件后，我想更改选择文件的值。此值实际上隐藏在CSS中.custom-file-control:lang(en)::after，我不知道如何在javascript中访问和更改它。我可以这样获得所选文件的值： document.getElementById("exampleInputFile").value.split("\\").pop(); 我不需要改变 .custom-file-control:lang(en)::after { content: "Choose file..."; } 不知何故链接：http：//codepen.io/Matoo125/pen/LWobNp

76 javascript jquery css twitter-bootstrap bootstrap-4

5

使用Bootstrap设置主体的最大宽度

我正在使用Twitter Bootstrap建立我的第一个网站，并尝试使用流畅的布局。我将容器设置为流畅的，现在其中的内容占据了整个页面的宽度，并在调整浏览器大小时进行调整。我正在处理的设计的最大宽度约为950像素。我已经检查了variables.less和responsive.less，以及Bootstrap文档；我不能完全弄清楚如何做到这一点。我也尝试将以下内容添加到我的style.css： body { max-width: 950px; }

76 html twitter-bootstrap css

11

如何使一个div包裹两个浮动div里面？

我不知道这是否是常见问题，但到目前为止，我在网络上找不到解决方案。我想将两个div包裹在另一个div中，但是其中的两个div必须对齐同一级别（例如：左边一个包裹了wrapdDiv的20％宽度，右边一个包裹了80％的宽度）。为了达到这个目的，我使用了以下示例CSS。但是，现在换行DIV并没有将所有div换行。环绕Div的高度比其中包含的两个div的高度小。如何确定包装Div的高度是所包含div的最大高度？谢谢！！！ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>liquid test</title> <style type="text/css" media="screen"> body { margin: 0; padding: 0; height:100%; } #nav { float: left; width: 25%; height: 150px; background-color: #999; margin-bottom: 10px; } #content { float: left; margin-left: 1%; width: 65%; …

76 css layout html css-float

9

如何从标题中删除粗体？

我有一个标题： <h1>THIS IS A HEADLINE</h1> 我如何使“这就是...”这个短语不大胆，其余的都保持不变？在文本装饰中找不到任何相关事件标签。

76 css xhtml

Questions tagged «css»