程序设计 css

7

基本上，我的页面中有两个外部CSS。第一个Main.css包含所有样式规则，但我无权访问，因此无法修改它。我可以访问第二个文件Template.css，因此需要覆盖Main.css中的template.css。我很容易更改值，但是如何完全删除属性？好比说一个类.c1有height: 40px;，我怎么摆脱这个高度财产？

109 css

8

如何仅从Bootstrap 3获取响应式网格？

我需要使用Twitter Bootstrap向我的Web应用程序添加响应式设计功能。我只想要响应行为，我对Bootstrap中的排版，组件或任何其他内容不感兴趣。我仅选择网格系统就获得了定制的Bootstrap版本。但是，当我将生成的CSS添加到应用程序中时，我的所有样式（标题，链接和其他样式）都被弄乱了。为什么会这样呢？如何仅使用网格系统获得Bootstrap CSS？我想避免手动修改Bootstrap文件。

109 html css twitter-bootstrap responsive-design

1

在Safari 10中旋转时，SVG会更改颜色

我刚遇到一个非常奇怪的问题，该问题只在Safari 10中显示。我有纸牌，svg图像，有时会使用来旋转transform:rotate(xdeg)。我正在使用的卡有红色方块图案。当它不旋转或以直角（即90、180、270）旋转时，它看起来很正常。但是，除此以外的任何角度都将使背景图案变成蓝色！我刚刚从一个用户那里得到了一份关于此的报告，却从未见过如此怪异的东西。其他浏览器均正常运行，Safari 9正常运行。我猜这只是Safari 10中一个非常奇怪的错误，但是有关如何解决它的任何想法？我在以下位置创建了最小复制： https://jsfiddle.net/2zv4garu/1/

109 html css svg safari

13

：active伪类在移动浏览器中不起作用

在iPhone / iPad / iPod上的Webkit中，<a>点击元素时不会触发为标签的：active伪类指定样式。我该如何触发？示例代码： <style> a:active { background-color: red; } </style>  <a href="#">Click me</a>

109 iphone css webkit mobile-safari pseudo-class

6

使用jQuery如何获取目标元素上的点击坐标

我的html元素具有以下事件处理程序 jQuery("#seek-bar").click(function(e){ var x = e.pageX - e.target.offsetLeft; alert(x); }); 单击时，我需要在＃seek-bar上找到鼠标的位置。我以为上面的代码应该可以工作，但是结果不正确

109 javascript jquery html css jquery-ui

4

如何获得相等的输入宽度和选择字段

在表单上，我有一个select和两个输入字段。这些元素垂直对齐。不幸的是，我无法获得这些元素的相等宽度。这是我的代码： <select name="name1" style="width:198px"> <option>value1</option> <option>value2</option> </select><br/> <input type="text" name="id1" style="width:193px"><br/> <input type="text" name="id2" style="width:193px"> 对于上面的示例，选择元素的最佳宽度是198或199像素（当然，我尝试了193像素，但差异很大）。我认为，这取决于分辨率，取决于各种计算机和浏览器，因为这些元素的宽度不同（有时我认为差异约为1或2像素）。我试图在div或表行中设置这些元素，但这无济于事。问：如何获得这些元素的宽度完全相等？

109 html css html-select border-box

4

Twitter引导程序：导航栏中的文本

根据twitter bootstrap 文档，我应该能够“在<p>标签中包装文本字符串以获取正确的前导和颜色”。当我这样做时，navbar它下面的任何级别都不会继承任何navbar类。将字符串包装在<a>标签中可将其呈现出来，但不应作为锚点。我尝试呈现的字符串是"Logged in as ... "。

109 html css twitter-bootstrap

10

跨度在锚内还是跨度在锚内无关紧要？

我想嵌套span和a标记。我是不是该放在<span>里面<a> 放在<a>里面<span> 没关系吗

109 html css semantic-markup

9

html（+ css）：表示换行的首选位置

假设我有要在HTML表格单元中显示的文本： Honey Nut Cheerios, Wheat Chex, Grape-Nuts, Rice Krispies, Some random cereal with a very long name, Honey Bunches of Oats, Wheaties, Special K, Froot Loops, Apple Jacks 我希望在其中一个逗号后优先换行。有没有一种方法可以告诉HTML渲染器在指定的位置尝试中断，并且先尝试在某个空格之后中断而不使用不间断空格？如果我使用不间断的空格，那么它将无条件增大宽度。我希望换行发生在空格之一之后，如果换行算法先用逗号尝试过换行并且无法使行适合。我尝试将文本片段包装在<span>元素中，但这似乎没有任何帮助。 <html> <head> <style type="text/css"> div.box { width: 180px; } table, table td { border: 1px solid; border-collapse: collapse; } …

109 html css word-wrap

7

一个非常非常大的div

对于我的一个项目（请参阅BigPictu.re或bigpicture.js GitHub project），我必须处理非常非常大的<div>容器。我知道使用我所使用的简单方法可能会导致性能降低，但是我没想到它仅适用于Chrome！如果测试此小页面（请参见下面的代码），则平移（单击并拖动）将是：在Firefox上正常/流畅即使在Internet Explorer上也正常/流畅在Chrome上非常慢（几乎崩溃）！当然，我可以在项目中添加一些代码来执行此操作，当您放大很多时，字体可能非常大的文本将被隐藏。但是，为什么Firefox和Internet Explorer正确处理而不是Chrome处理正确？ JavaScript，HTML或CSS中是否有一种方法可以告诉浏览器不要为每个操作呈现整个页面（此处为10000像素宽）？（仅渲染当前视口！） <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> html, body { overflow: hidden; min-height: 100%; } #container { position: absolute; min-height: 100%; min-width: 100%; } .text { font-family: "Arial"; position: absolute; } </style> </head> <body> <div id="container"> <div …

109 javascript html css google-chrome

11

在HTML元素上禁用拖放功能？

我正在开发一个Web应用程序，正在尝试为其提供功能齐全的窗口系统。目前进展顺利，我只遇到一个小问题。有时，当我去拖动应用程序的一部分时（通常是窗口的角落div，这应该触发调整大小的操作），Web浏览器变得很聪明，并认为我的意思是拖放东西。最终结果是，当浏览器进行拖放操作时，我的动作被暂停。有没有简单的方法可以禁用浏览器的拖放功能？理想情况下，我希望能够在用户单击某些元素时将其关闭，但是要重新启用它，以便用户仍可以在我的Windows内容上使用其浏览器的正常功能。我正在使用jQuery，尽管在浏览文档时找不到它，但是如果您知道一个纯jQuery解决方案，那将是很好的选择。简而言之：我需要在用户按下鼠标按钮时禁用浏览器文本选择和拖放功能，并在用户释放鼠标时恢复该功能。

109 javascript jquery css webbrowser-control

7

如何仅在一侧创建插入框阴影？

是否有可能以某种方式仅在div的一侧上插入框阴影？请注意，我在这里谈论的是嵌入式盒形阴影，而不是普通的外部盒形阴影。例如，在下面的JSFiddle中，您会看到插图阴影在所有4面上以不同的程度出现。如何使其仅显示在顶部？还是最多只有顶部和底部？ JSFiddle： http : //jsfiddle.net/ahmadka/KFrun/ .box { -webkit-box-shadow: inset 0px 5px 10px 1px #000000; box-shadow: inset 0px 5px 10px 1px #000000; } .text { padding: 20px; } <div class="box"> <div class="text"> Lorem ipsum .... </div> </div> 运行代码段Hide results展开摘要

109 css

12

从window.print（）删除页眉和页脚

我使用window.print（）打印页面，但页眉和页脚包含页面标题，文件路径，页面编号和日期。如何删除它们？我也尝试过打印样式表。 #header, #nav, .noprint { display: none; } 请帮忙。谢谢。

109 css printing

8

自定义Bootstrap CSS模板

我刚刚开始使用Twitter的Bootstrap，并且想知道自定义的“最佳实践”是什么。我想开发一种系统，该系统将利用css模板（Bootstrap或其他）的所有功能，完全（轻松）地进行修改，具有可持续性（即–从Twitter发布下一版Bootstrap时，我不会）不必重新开始。例如，我想将背景图像添加到顶部导航中。看来有3种方法可以解决此问题：修改bootstrap.css中的.topbar类。我不是特别喜欢这个，因为我会有很多.topbar项，并且我不一定要用相同的方式进行修改。用我的背景图像创建新类，然后将两种样式（新样式和自举样式应用于我的元素）。这可能会导致样式冲突，可以通过将.topbar类剥离到单独的类中，然后仅使用自定义类没有踩到的片段来避免。再次，这需要比我认为必要的工作更多的工作，并且尽管它很灵活，但它不允许我在Twitter发布下一部分时轻松更新bootstrap.css。使用.LESS中的变量来实现自定义。副手这似乎是一个不错的方法，但是没有使用过。除非我担心在客户端上编译css和代码的可持续性。尽管我使用的是Bootstrap，但是这个问题可以推广到任何CSS模板。预先感谢您的输入。

109 css twitter-bootstrap bootswatch

8

CSS的优先顺序是什么？

我试图弄清楚为什么我的一个CSS类似乎覆盖了另一个（而不是相反）这里我有两个CSS类 .smallbox { background-color: white; height: 75px; width: 150px; font-size:20px; box-shadow: 0 0 10px #ccc; font-family: inherit; } .smallbox-paysummary { @extend .smallbox; font-size:10px; } 在我看来，我打电话给 <pre class = "span12 pre-scrollable smallbox-paysummary smallbox "> 字体（重叠元素）显示为10px而不是20px-有人可以解释为什么会出现这种情况吗？

109 html css

Questions tagged «css»