Tag: CSS
把句子的首字母大写CSS
我想把句子的第一个字母大写，如果可能的话，也是逗号后面的第一个字母。 我想在这里添加代码： .qcont { width: 550px; height: auto; float: right; overflow: hidden; position: relative; }
如何让bxSlider隐藏幻灯片，直到页面加载？
我正在build立一个使用bxSlider的网站。 当页面加载时，所有的幻灯片都是可见的，堆叠在一起。 页面完全加载后，第一张幻灯片将保持可见状态，其余的消失，以便滑块可以一次一个animation并显示它们。 我试过使用各种CSS和bxSlidercallback来隐藏幻灯片，直到页面完全加载，但没有运气。 有谁知道如何做到这一点？ 谢谢！
样式化JQuery UI自动完成
小提琴 我试图设置自动完成内部的部分，但我不知道该放在CSS的部分。 我正在试图使： color: #96f226; border-radius: 0px; border: 1px solid #454545; 有什么build议么？？？
CSS没有文字换行
请参阅下面的引用代码http://jsbin.com/eveqe3/edit ，也引用。 我需要在项目div中显示文本，使文本只出现在具有指定宽度的绿色框中，其余行需要隐藏。 任何build议，请… <style> #container{ width : 220px; } .item{ float:left; border: 1px solid #0a0; width: 100px; height: 12px; padding 2px; margin: 0px 2px; } .clearfix{ clear: both; } </style> </head> <body> <div id="container"> <div class="item"> A very loooooooooooooooooooooong text </div> <div class="item"> Another looooooooooooooooooooong text </div> <div class="clearfix"> </div> </div> </body> </html>
Twitter Bootstrap导航栏 – 右alignment下拉菜单
我正在使用Twitter Bootstrap（v2.1.1）和一个PHP站点。 我在php脚本中dynamic生成导航栏，因为如果用户login或离开站点，导航栏将具有不同的内容。 我想将最后一个下拉菜单alignment到屏幕的右侧，但还没有到目前为止。 这是一个jsFiddle显示简化版本： http://jsfiddle.net/fmdataweb/AUgEA/ 我想菜单2下拉到右alignment。 上次下拉的代码与其他下拉菜单的代码相同： <li class="dropdown pull-right"> <a href="properties.php?type=showall" class="dropdown-toggle" data-toggle="dropdown">Menu 2<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="propertiesSearch.php">Logout</a></li> </ul> </li> 我试过把它变成： <li class="dropdown pull-right"> 但是这没有什么区别。 任何人都知道如何使用窗体和<p>文本来向下拉菜单？
TCPDF不呈现所有CSS属性
我尝试做一个PDF编写的CSS和HTML，但我的CSS不出现在我的PDF。 唯一要考虑的是font-size和font-color。 我给你的代码（对不起，有点长…） $config = sfTCPDFPluginConfigHandler::loadConfig('my_config'); $doc_title = "Fiche Logement"; $html = <<<EOF <style> .informations { padding: 10px; margin: 10px; border: 1px dotted black;} .informations table { margin-top: 10px;} #modif { margin: 20px; text-align: left; float: right;} #modif th { padding-left: 10px;} #modif td { padding-left: 10px;} #adresse { width: 307px; float: left;} #reservataire { […]
flexbox将列左右alignment
学习如何使用flexbox，通过使用典型的css，我可以将两列中的一列左移，而另一列右移一列之间的空格。 我将如何做到这一点与flexbox？ http://jsfiddle.net/1sp9jd32/ #container { width: 500px; border: solid 1px #000; display: -webkit-flex; display: -ms-flexbox; display: flex; } #a { width: 20%; border: solid 1px #000; } #b { width: 20%; border: solid 1px #000; height: 200px; } <div id="container"> <div id="a"> a </div> <div id="b"> b </div> </div>
引导工具提示工作，但隐藏由于Z指数？
如果你把鼠标hover在第一支铅笔上，你可以看到工具提示，但是它隐藏了。 我怎么能告诉所有的工具提示显示高于一切？ 相关的代码 $('.nav-text').on('click', null, function () { alert('heyo'); }); $('.nav-text').tooltip({ 'placement': 'right', 'title': 'heyo' }); 完整的例子 $('.down').click(function() { var $move = $('.side-study-box ul'); $move.css({ top: '-=20px' }) }) $('.up').click(function() { var $move = $('.side-study-box ul'); $move.css({ top: '+=20px' }) }) $('.nav-text').on('click', null, function() { alert('heyo'); }); $('.nav-text').tooltip({ 'placement': 'right', 'title': 'heyo' }); .side-study-box { […]
IE 8的iframe边框
iframe上显示一个边框，我无法摆脱它。 IE 6和7的工作原理与一点JavaScript： function test(){ var iframe = document.getElementById('frame2'); iframe.contentWindow.document.body.style.backgroundColor = "#a31d1d"; iframe.contentWindow.document.body.style.border = "#a31d1d"; iframe.contentWindow.document.body.style.outlineColor = "#a31d1d"; } 但在IE 8中边界仍然可见。
Firefox的浮动错误？ 我如何得到我的浮动：在同一行吗？
我有以下小提琴： http://jsfiddle.net/q05n5v4c/2/ 在Chrome中，它呈现得很好。 雪佛龙在右侧。 但是，在Firefox中，它会降低Chevron的1行。 我search谷歌，发现有关这个错误的几个职位，但没有任何build议帮助。 那里的任何CSS专家可以告诉我我做错了什么？ HTML： <div class="btn-group"> <button data-toggle="dropdown" class="btn btn-default dropdown-toggle" style="width: 400px;text-align: left;"> Checked option <span class="glyphicon glyphicon-chevron-down" style='float: right;'></span> </button> </div>
