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>