Questions tagged «css»

我在表容器中有不确定数量的表单元元素。 <div style="display:table;"> <div style="display:table-cell;"></div> <div style="display:table-cell;"></div> </div> 有没有一种纯粹的CSS方法可以使表格单元格具有相等的宽度，即使表格单元格中的内容大小不同也是如此？ 谢谢。 编辑：具有最大宽度将需要知道我有多少个单元格？

147 html  css  html-table 

我正在使用Twitter Bootstrap，并且有Google地图。 地图上的图像（例如标记）正由Bootstrap中的CSS倾斜。 在Bootstrap CSS中有： img { border: 0 none; height: auto; max-width: 100%; } 当我max-width使用Firebug 禁用该属性时，标记图像会正常显示。如何防止Bootstrap CSS影响Google地图图像？

147 google-maps  twitter-bootstrap  css 

为什么要_在scss中的文件名前面放置？ _filename.scss-为什么需要_？

147 css  sass 

我想将一组div固定宽度的元素放入容器中，并出现水平滚动条。的div/ span元件应该出现在一条线上，从左至右以它们出现在HTML（基本上展开）的顺序。 这样，水平滚动条将出现，并且可以代替垂直滚动条用于阅读内容（从左到右）。 我试过将它们浮动在容器中，然后在容器上放置white-space: nowrap样式，但可惜它似乎仍然可以包装。 有想法吗？ 它看起来像这样： .slideContainer { white-space: nowrap; } .slide { width: 800px; float: left; display: inline; } <div class="slideContainer"> <div class="slide">Some content</div> <div class="slide">More content</div> <div class="slide">Even More content!</div> </div> 运行代码段隐藏结果展开摘要 更新： 请参阅站点上的示例，但是它们不是以其他方式使用是错误的-尽管我确信这篇文章已经过时了。

147 html  css 

我想有A B和C中间对齐。 我怎样才能D完全右移？ 之前： 后： ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } li { display: flex; margin: 1px; padding: 5px; background: #aaa; } li:last-child { background: #ddd; /* magic to throw to the right*/ } <ul> <li>A</li> <li>B</li> <li>C</li> <li>D</li> </ul> 运行代码段隐藏结果展开摘要 …

147 html  css  flexbox 

我有一个表格单元格，我一直希望成为一个特定的宽度。但是，它不适用于较大的无间距文本字符串。这是一个测试案例： td { border: solid green 1px; width: 200px; overflow: hidden; } <table> <tbody> <tr> <td> This_is_a_terrible_example_of_thinking_outside_the_box. </td> </tr> </tbody> </table> 运行代码段隐藏结果展开摘要 如何使文本在框的边缘处被切除，而不是使框扩展？

146 html  css 

在哪里可以找到浏览器的HTML元素默认CSS？ 许多HTML元素都带有一些默认的CSS属性，这些属性有时可能会导致未知/有害的行为。例如，输入框在不同浏览器中的显示方式有所不同。我正在寻找一个涵盖新CSS3属性和新HTML5元素的地方。 我在其他（较旧的）问题（例如浏览器的默认CSS样式表）中也看到了答案，这些问题提出了CSS重置的解决方案。有时不需要这种解决方案，通常我实际上想保留一些基本属性（例如在Chrome中突出显示输入框）。换句话说：我不想仅仅因为我不知道它们在做什么而摆脱它们。 那么，有没有一个网站可以为我提供所有（或也许大多数）这些信息？

146 html  css  cross-browser 

我正在学习CSS。如何使用CSS设置输入和提交按钮的样式？ 我正在尝试创建这样的东西，但我不知道该怎么做 <form action="#" method="post"> Name <input type="text" placeholder="First name"/> <input type="text" placeholder="Last name"/> Email <input type="text"/> Message <input type="textarea"/> <input type="submit" value="Send"/> </form>

146 html  css 

这里是整个页面*可包装的内容在main.css文件中定义 /* Wrappable cell * Add this class to make sure the text in a cell will wrap. * By default, data_table tds do not wrap. */ td.wrappable, table.data_table td.wrappable { white-space: normal; } 这是整个页面： <%@ include file="../../include/pre-header.html" %> <form id="commentForm" name="commentForm" action="" method="post"> <ctl:vertScroll height="300" headerStyleClass="data_table_scroll" bodyStyleClass="data_table_scroll" enabled="${user.scrollTables}"> <ctl:sortableTblHdrSetup …

146 html  css  html-table 

似乎在IE中，宽度包括填充大小。而在FF中，宽度没有。如何使两者的行为相同？ 谢谢。

146 css 

我想通过CSS旋转加载图标。 我有一个图标和以下代码： <style> #test { width: 32px; height: 32px; background: url('refresh.png'); } .rotating { -webkit-transform: rotate(360deg); -webkit-transition-duration: 1s; -webkit-transition-delay: now; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; } </style> <div id='test' class='rotating'></div> 但这是行不通的。如何使用CSS旋转图标？

146 css  animation  webkit 

关闭。此问题不符合堆栈溢出准则。它当前不接受答案。 想改善这个问题吗？更新问题，使其成为Stack Overflow 的主题。 5年前关闭。 改善这个问题 我有一个需要设置样式的HTML选择框。我宁愿只使用CSS，但是如果需要的话，我将使用jQuery填补空白。 谁能推荐一个好的教程或插件？ 我知道，Google，但是我一直在搜索过去两个小时，但找不到符合我需要的内容。 它必须是： 与jQuery 1.3.2兼容 无障碍 不打扰 可以根据样式选择框的各个方面进行完全自定义 有人知道什么可以满足我的需求吗？

145 jquery  css  html-select 

当前，如果此人enter在文本区域内按下，则将提交表单。 好，我想要那个。 但是当他们输入shift+时enter，我希望textarea移至下一行：\n 我该如何JQuery尽可能简单地用普通JavaScript 做到这一点？

145 javascript  jquery  html  css 

CSS background-image属性的正确用法是什么？我想了解的关键是 是否需要用引号引起来，即： background-image: url('images/slides/background.jpg'); 可以是相对路径（如上所述）还是必须是完整URL？ 我应该注意的其他事项，以确保它在符合标准的浏览器中正常运行。

145 css 

我有一个响应式html布局中的现有图像映射。图像根据浏览器大小缩放，但是图像坐标显然是固定的像素大小。我必须选择哪些选项来调整图像地图坐标的大小？

145 html  css  imagemap