Questions tagged «css»

这两个CSS属性之间是否有区别： background: none; background: transparent; 它们都有效吗？ 应该使用哪一个？为什么？

119 css  background 

是否有（便携式）方式将HTML表格单元格中的文本旋转90°？ （我的表有很多列，标题的文本很多，所以我想垂直书写以节省空间。）

119 html  css  text-rendering  text-styling 

我的网页上有一个“瘦”列表：例如，一个100个项目的列表，每个项目的长度为一个单词。为了减少滚动，我想在页面的两列甚至四列中显示此列表。我应该如何使用CSS？ <ul> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li> </ul> 运行代码段隐藏结果展开摘要 我希望该解决方案具有灵活性，这样，如果列表增加到200个项目，则无需进行很多手动调整即可容纳新列表。

119 css  html-lists 

我想在CSS中使用条件。 我的想法是，我有一个变量，在运行站点以生成正确的样式表时将其替换。 我想要它，以便根据此变量更改样式表！ 看起来像： [if {var} eq 2 ] background-position : 150px 8px; [else] background-position : 4px 8px; 能做到吗？你怎么做到这一点？

119 css  stylesheet  conditional-statements 

我想显示一个从数据库到表单元格的段落。 结果是一个大的1行，而忽略了它在数据库中的组织方式。例如忽略“输入”（换行） 我想完全按照它在数据库中的编写方式来显示它。 例如，如果段落保存如下： hello , my name is x. 我希望它完全像这样显示，而不是： hello, myname is x.

119 html  css  tablerow 

说我有一个带有这样的渲染的组件： <View style={jewelStyle}></View> 其中jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, 如何使背景颜色动态并随机分配？我试过了 { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, 但这使View的所有实例具有相同的颜色，我希望每个实例都是唯一的。 有小费吗？

119 css  reactjs  react-native 

假设我有几列，我想旋转其中的一些值： http://jsfiddle.net/MTyFP/1/ <div class="container"> <div class="statusColumn"><span>Normal</span></div> <div class="statusColumn"><a>Normal</a></div> <div class="statusColumn"><b>Rotated</b></div> <div class="statusColumn"><abbr>Normal</abbr></div> </div> 使用此CSS： .statusColumn b { writing-mode: tb-rl; white-space: nowrap; display: inline-block; overflow: visible; transform: rotate(-90deg); transform-origin: 50% 50%; } 最终看起来像这样： 是否有可能编写任何CSS来使旋转后的元素影响其父级的高度，从而使文本不会与其他元素重叠？像这样：

119 css  css-transforms 

我有一个水平导航菜单，它基本上只是一个<ul>并排设置的元素。我不定义宽度，而只是使用填充，因为我希望宽度由菜单项的宽度定义。我加粗了当前选择的项目。 麻烦在于，粗体字会稍微变宽，从而导致其余元素向左或向右移动。有防止这种情况发生的聪明方法吗？告诉填充忽略粗体导致的额外宽度的方法是什么？我的第一个想法是简单地从“活动”元素的填充中减去几个像素，但是这个数量是变化的。 如果可能的话，我想避免在每个条目上设置静态宽度，然后将其居中（与我目前使用的填充解决方案相对），以使将来对条目的更改变得简单。

119 css  fonts  menu 

我从FileFormat.Info的search中找到特殊字符的Unicode 。 有些字符正在渲染为经典的黑白字形，例如⚠（警告符号\u26A0或⚠）。这些是更可取的，因为我可以将CSS样式（例如颜色）应用于它们。 其他人则将其渲染为较新的卡通表情符号，例如⌛（沙漏\u231B或⌛）。这些不是可取的，因为我无法完全设置它们的样式。 看来浏览器正在进行此更改，因为我能够在Mac Firefox上看到沙漏字形，而在Mac Chrome和Mac Safari上看不到。 有没有一种方法可以强制浏览器显示要显示的旧版本（平面单调）？ 更新：看来（从下面的评论）有一个文本显示选择，FE0E，可用来执行文本VS-表情符号。选择器被连接为后缀，字符代码上没有空格，例如⌛︎HTML十六进制或\u231B\uFE0EJS。但是，并非所有浏览器（例如Chrome和Edge）都认可它。

119 javascript  html  css  unicode  emoji 

我的代码有问题。因为我要为页面包括全局字体，所以我下载了.ttf文件。我将其包含在我的主要CSS中，但字体不会改变。 这是我的简单代码： @font-face { font-family: 'oswald'; src: url('/font/oswald.regular.ttf'); } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, …

119 html  css 

我从Font Squirrel生成的程序中有一个字体，但我无法使它在IIS中工作，它在localhost中工作。我在我的MIME类型中添加了application / font-woff 文章，但它仍然不起作用。 Context --Fonts ----font location --css files 的CSS @font-face { font-family: 'wallStreetFont'; src: url('Fonts/subway-webfont.eot'); src: url('Fonts/subway-webfont.eot?#iefix') format('embedded-opentype'), url('Fonts/subway-webfont.woff2') format('woff2'), url('Fonts/subway-webfont.woff') format('woff'), url('Fonts/subway-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } 编辑当前MIME 我正在使用默认的IIS 8 MIME 字体/ x-woff

118 css  iis  fonts  woff2 

我想将焦点的插入符号样式化<input type='text'/>。具体来说，颜色和厚度。

118 html  css  input  caret 

我有一个header元素和一个content元素： #header #content 我希望标头具有固定的高度，并且内容要用填满屏幕上所有可用的剩余高度overflow-y: scroll;。 没有Java，这可能吗？

118 html  css 

如何将div定位到包含div的底部？ <style> .outside { width: 200px; height: 200px; background-color: #EEE; /*to make it visible*/ } .inside { position: absolute; bottom: 2px; } </style> <div class="outside"> <div class="inside">inside</div> </div> 此代码将文本“放入”置于页面底部。

118 css  position 

由于某些原因，我的div不会在包含div的水平居中： .row { width: 100%; margin: 0 auto; } .block { width: 100px; float: left; } <div class="row"> <div class="block">Lorem</div> <div class="block">Ipsum</div> <div class="block">Dolor</div> </div> 运行代码段隐藏结果展开摘要 有时有一个行div，其中只有一个块div。我究竟做错了什么？

118 css