程序设计 css

8

#menu { position: fixed; width: 800px; background: rgb(255, 255, 255); /* The Fallback */ background: rgba(255, 255, 255, 0.8); margin-top: 30px; } 我知道这个问题存在一百万次，但是我找不到解决方案。我有一个div，它应该固定在屏幕上，即使滚动页面，它也应该始终保持在屏幕中央！对于所有浏览器尺寸，div应该具有500px宽度，应该30px远离顶部（边缘顶部），应该在页面中间水平居中，并且在滚动其余页面时不应移动。那可能吗？

183 html css centering

9

使用CSS将图片变灰？

使图像通过CSS“显示为灰色”的最佳方法（如果有）是什么（即，不加载图像的单独的，变灰的版本）？我的情况是，我在表中的行都在最右边的单元格中都有按钮，并且某些行需要比其他行更亮。因此，我当然可以很容易地使字体变浅，但是我也想使图像变浅，而不必管理每个图像的两个版本。

183 css

14

如何删除表格中行和列之间的多余空间？

如何删除表格中行和列之间的多余空间。我尝试过更改表格以及tr和td的边距，填充和各种边框属性。我希望所有图片彼此相邻，看起来像一个大图像。我该如何解决？的CSS table { border-collapse: collapse; } 的HTML <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Tera Byte Video Game Creation Camp</title> <link rel="stylesheet" type="text/css" href="style.css"></link> </head> <body> <table class="mytable" align="center"> <tr class="header"> <td colspan="3"><img src="images/home_01.png" /></td> </tr> <tr …

183 html css html-table

9

Twitter的typeahead.js建议未设置样式（无边框，透明背景等）

我使用的是twitter的typeahead.js 0.9.3，看来我的建议根本没有样式。我得到这个：而不是这样：（取自示例页面） JavaScript启用预输入： $('.search-typeahead').typeahead({ name: 'videos', remote: { url: '/api/v1/internal/videos/typeahead?text=%QUERY' } }); HTML输入元素： <input type="text" value="" id="search_keywords" class="no-clear search-typeahead"/> 补充笔记：我正在工作的网站具有jQuery 1.10.1，并且未使用twitter引导程序。我没有写过很多CSS，因此我不熟悉它们，我担心会干扰它们，但是似乎该插件添加了自己的样式（没有随附的.css文件），因此从理论上讲它不应该覆盖所有内容？我很困惑为什么我的样式有效，但插件添加的样式却无效，从而导致背景透明，无边框等建议。

182 javascript css typeahead.js

8

如何仅使用<div>标签和CSS创建表

我只想使用<div>标签和CSS 创建表。这是我的样本表。 <body> <form id="form1"> <div class="divTable"> <div class="headRow"> <div class="divCell" align="center">Customer ID</div> <div class="divCell">Customer Name</div> <div class="divCell">Customer Address</div> </div> <div class="divRow"> <div class="divCell">001</div> <div class="divCell">002</div> <div class="divCell">003</div> </div> <div class="divRow"> <div class="divCell">xxx</div> <div class="divCell">yyy</div> <div class="divCell">www</div> </div> <div class="divRow"> <div class="divCell">ttt</div> <div class="divCell">uuu</div> <div class="divCell">Mkkk</div> </div> </div> </form> …

182 html css

9

禁用页面的浏览器打印选项（页眉，页脚，边距）？

我已经在SO和其他几个网站上以几种不同的方式看到了这个问题，但是其中大多数要么太具体，要么已经过时。我希望有人可以在这里提供明确的答案，而不必担心猜测。当有人在浏览器中打印时，是否可以使用CSS或javascript更改默认打印机设置？当然，“从他们的浏览器打印”是指某种形式的HTML，而不是PDF或其他依赖于插件的mime类型。请注意：如果某些浏览器提供了此功能，而另一些却不提供（或者如果您只知道如何为某些浏览器提供此功能），那么我欢迎特定于浏览器的解决方案。同样，如果您知道主流浏览器对EVER这样做有特定的限制，那也很有帮助，但是希望您能得到一些相当新的文档。（当XYZ在过去三年中对上述策略进行了重大更改时，简单地说“违反XYZ的安全策略”并不令人信服）。最后，当我说“更改默认打印设置”时，我并不是永远的意思，只是我的页面，我指的是打印页边距，页眉和页脚。我非常清楚CSS提供了更改页面方向以及页面边距的选项。Firefox是其中的一大难题。如果我将页边距设置为1英寸，则会将其添加到已经放置的半英寸处。我非常想减少客户网站上PDF的使用量，但主要是担心外观上的侵权（以及缺乏可靠性）。

182 javascript html css browser printing

16

为什么我的CSS3媒体查询不起作用？

在styles.css中，我正在使用媒体查询，这两个查询都使用以下变体： /*--[ Normal CSS styles ]----------------------------------*/ @media only screen and (max-width: 767px) { /*--[ Mobile styles go here]---------------------------*/ } 当我缩小窗口时，网站的大小会调整为我希望在常规浏览器（Safari，Firefox）中使用的布局，但是，手机上的移动布局根本无法显示。相反，我只是看到默认的CSS。谁能指出我正确的方向？

182 html css media-queries mobile-website

18

是否有针对Safari的CSS hack（仅适用于Chrome）？

我试图找到仅适用于Safari而不是chrome的css hack，我知道这两个都是webkit浏览器，但是我在chrome和safari中的div对齐方面存在问题，每种显示方式都不同。我一直在尝试使用它，但是它也会影响铬 @media screen and (-webkit-min-device-pixel-ratio:0) { #safari { display: block; } } 有谁知道另一种仅适用于野生动物园的东西吗？

182 css safari

7

仅在未禁用时悬停和活动

我使用hover，active和disable来设置Button的样式。但是问题是禁用按钮时，悬停和活动样式仍然适用。如何仅在启用的按钮上应用悬停和活动？

182 css

18

如何使用HTML / CSS在文本中插入空格/制表符

可能的方式： <pre> ... </pre> 要么 style="white-space:pre" 还要别的吗？

182 html css tabs space pre

12

带Bootstrap的固定宽度按钮

Bootstrap是否支持固定宽度的按钮？当前，如果我有两个按钮，即“保存”和“下载”，则按钮的大小将根据内容而变化。还有扩展Bootstrap的正确方法是什么？

181 css twitter-bootstrap

13

英文字母中的哪个字母占用最多像素？

我正在尝试根据句子中的字符数进行一些动态编程。英文字母中的哪个字母占用屏幕上最多的像素？

181 css char

11

在CSS中设置最大字符长度

我正在为学校制作响应式网站，我的问题是：如何在我的网站上设置句子的最大字符长度（使用CSS）（例如75个字符），当我的屏幕很大时，句子的长度不能超过75个字符。我已经尝试过最大宽度，但这弄乱了我的布局。我正在使用flexbox和媒体查询来使其响应。

181 html css text

12

我可以阻止100％宽度的文本框超出其容器范围吗？

可以说我有一个文本框，我想填写整行。我会给它这样的样式： input.wide {display:block; width: 100%} 这会导致问题，因为宽度是基于文本框的内容的。文本框默认情况下具有边距，边框和填充，这会使宽度为100％的文本框大于其容器。例如，在右侧：有什么方法可以使文本框填充其容器的宽度而不会扩展超出它？这是一些示例HTML来显示我的意思： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Untitled Page</title> <style type="text/css"> #outer{border: 1px solid #000; width: 320px; margin: 0px;padding:0px} #inner{margin: 20px; padding: 20px; background: #999;border: 1px solid #000;} input.wide {display:block; margin: 0px} input.normal {display:block; float: right} …

181 html css

8

如何使用JavaScript代码获取浏览器宽度？

我正在尝试编写JavaScript函数以获取当前浏览器的宽度。我发现了这个： javascript:alert(document.body.offsetWidth); 但是它的问题是如果身体的宽度为100％，它将失败。还有其他更好的功能或解决方法吗？

180 javascript jquery html css

Questions tagged «css»