Tag: CSS

将填充添加到HTML文本input字段

我想在<input type="text" />的右侧添加一些空格，以便在字段的右侧有一些空的空间。 所以，而不是 ，我会得到的 。 所以，相同的行为只是一些空白的权利。 我已经尝试使用padding-right ，但似乎并没有做任何事情。 有没有办法做到这一点（或假的）？

绝对定位和文本alignment

我希望一些文字在屏幕的底部居中。 我试过这个 ，但是不行。 它看起来像绝对定位冲突与alignment。 我怎么能做到这个简单的任务？

如何添加标题标题的部分边框？

我必须在标题文本中添加一个时髦的边框，如下所示： 但我不知道该怎么做。 我尝试了下面的代码与border-bottom但它看起来不好。 h1 { font-size:30px; color:#000; border-bottom: 1px solid #ccc; padding-bottom:5px; } <h1>Navigation</h1>

CSS3转换 – 淡出效果

我正在尝试在纯CSS中实现“淡出”效果。 我在网上查了一些解决scheme，这里是小提琴 。 不过在线阅读文档之后 我想弄清楚为什么幻灯片animation不起作用。 任何指针？ 这是HTML <div class="dummy-wrap"> <div class="success-wrap successfully-saved">Saved</div> </div> CSS .dummy-wrap { animation: slideup 2s; -moz-animation: slideup 2s; -webkit-animation: slideup 2s; -o-animation: slideup 2s; } .success-wrap { width: 75px; min-height: 20px; clear: both; margin-top: 10px; } .successfully-saved { color: #FFFFFF; font-size: 20px; padding: 15px 40px; margin-bottom: 20px; text-align: center; -webkit-border-radius: 5px; […]

修复网站加载时间？

目前我的网站需要花费几千年才能加载，即使它几乎没有任何东西。 我的假设是，这是因为页面上有很多图片和JavaScript。 有没有一种方法来testing是什么导致了长时间加载？

zurb基础是否可以有全行宽

我使用基础3build立一个响应式网站，但我想有页脚和导航背景宽度占据整个宽度？ 我已经命名我的行 class="row navigation" class="row footer" 我试图寻找如何解决这个问题，但我没有select。 我假设这是在foundation.css文件中的一个小小的修复，但是现在有点太过分了，因为我是新手。 任何poiinters非常感谢。

用CSS添加双引号到段落

可以说我有这个段落： <p class="myclass">This is my paragraph</p> 什么是CSS代码添加到这个段落的双引号？ （所以它会呈现“这是我的段落”） .myclass {}

继续dynamic文本到单独的<p>段落？

下面的小提琴允许将文本粘贴到一个<textarea>并且由相同数量的字符dynamic地生成为相等的段落。 发生的问题是; 来自先前dynamic生成的段落的文本在每个标签内溢出并且不能正确地继续到下一个dynamic段落。 因此，用户是否可以按下input键并将该内容向下移动到下一个现有段落中，同时仍然保持现有格式的dynamic和自动？ 如果能提供一个新的小提琴 ，那将是非常值得赞赏的，因为我还是新的编码。 再次，小提琴可以在这里find。 更新：一旦生成了段落，用户是否可以按下回车键，并在可能的情况下将其内容无缝移动到下面的段落中？ 同样按下退格button时也是一样的，内容要移到上面那段？ 出现的问题是，当按下Enter键时，文本似乎由于css中的溢出属性而隐藏文本。 $(function() { $("#Go").on('click', function() { var theText = $('textarea').val(); var numberOfCharacters = 300; while (theText.length) { while (theText.length > numberOfCharacters && theText.charAt(numberOfCharacters) !== ' ') { numberOfCharacters++; } $("#text_land").append("<br><\/br><p>" + theText.substring( 0, numberOfCharacters) + "<\/p><br><\/br>"); theText = theText.substring(numberOfCharacters); numberOfCharacters = 300; $('p').attr('contenteditable', 'true'); $("p").addClass("text"); } […]

Rails资产pipe道解决scheme适用于IE 4096select器/样式表限制

问题 微软的IE支持文档解释说，在Internet Explorer 6-9中： 没有应用前31个样式标签之后的所有样式标签。 前4095条规则之后的所有样式规则都不适用。 在使用@import规则连续导入导入其他样式表的外部样式表的页面上，会忽略深度超过三级的样式表。 脚本演示有很多这个问题的证据。 另见保佑 。 需要解决scheme 我们需要一种方法来分割由资产pipe道中的Sprockets生成的编译样式表，以保持最大select器数量低于4096，并在部署的Rails应用程序的HTML中链接到它们。 我们怎样才能把经过处理的资产（特别是样式表）的编译输出作为parameter passing给一个方法，然后才能修改这些文件呢？ 看到下面的尝试开始的地方。 如果有人能够帮助我find一种方法来实现（或者全新的解决scheme），那太棒了！ 现有的解决scheme尝试 祝福是为了解决这个问题而创build的，通过分割样式表来保持每张表的最大select器数在极限以下。 祝福在node.js服务器上运行 我还没有看到一个Ruby的等价物呢。 埃里克·菲尔兹（Eric Fields）试图将用罗盘编译的资产提供给Bless （在节点中运行），但该解决scheme依赖于Compass处理资产编译，因此似乎不适用于资产pipe道。 请注意，不是链接到多个样式表，Bless向第一个表添加了@include语句，这可能是避免触及标记的方法。 当Christian Peters（@crispy） 发现这个问题时 ，他实现了一个像Bless一样的分割器 ，它也将Compass的输出传递给了一个自定义模块，在Rails 3.1之前，这个模块运行良好。 后来，他用SprocketsEngine改编了他的分离器，以便与Rails Assetpipe道集成 。 我尝试过实现新的代码，但它似乎并没有自动工作（虽然分配器工作正常，当在控制台手动调用）。 相关信息 有关IE 6-9中CSS限制的更多信息，请参阅以下相关问题： IE 8对每页样式表的数量是否有限制？ Internet Explorer的CSS规则限制

chrome：如何closures用户代理样式表设置？

我想在Chrome中禁用用户代理样式表。 我怎样才能closures/禁用这个？