草庐IT

style-width

全部标签

html - Bootstrap 3 : Input group in navbar form takes up entire width

这就是bootstrap的导航栏形式。默认的HTML是:Search但我想像input-group一样将输入和按钮连接在一起。但是,当我尝试将输入和按钮环绕在input-group周围时,它最终占据了整个宽度:HTML:Search我读过somesolutionsforthis,但我想避免使用hack,例如style:"width:200px;"有什么解决办法吗?非常感谢。 最佳答案 我想出了一个最小的方法来解决这个问题,而无需修改Bootstrap文档中使用的导航栏表单的默认结构。将类navbar-input-group添加到表单

html - 如何保持:active css style after click a button

单击按钮后,我希望它保持事件样式,而不是返回到正常样式。请问这可以用CSS完成吗?我正在使用DIVITheme(WordPress)中的blurb按钮。请帮助我!代码:#blurb-hover.et_pb_blurb.et_pb_blurb_content.et_pb_main_blurb_image.et-pb-icon:hover{color:red!important;}#blurb-hover.et_pb_blurb.et_pb_blurb_content.et_pb_main_blurb_image.et-pb-icon:selected{background-color:#

html - list-style-type 和 list-style 有什么区别?

当我谈到样式列表时,我发现自己不确定list-style和list-style-type之间的区别。它们是一样的吗? 最佳答案 来自www.w3schools.com:"Thelist-styleshorthandpropertysetsallthelistpropertiesinonedeclaration."和here"Thelist-style-typespecifiesthetypeoflist-itemmarkerinalist."list-style是设置list-style-type、list-style-positi

angular - 如何将属性绑定(bind)到 style.width 以像素为单位?

我正在使用Angular2并且我编写了以下代码:sometexts我也试过:sometextsexportclassMyComponent{width:number=150;}但它不会将宽度绑定(bind)到div元素。我做错了什么? 最佳答案 对我来说很好Plunkerexample@Component({selector:'my-app',styles:[`div{border:3pxsolidred;}`]template:`Hello{{name}}sometexts`,})exportclassApp{name:strin

html - 文本溢出 : ellipsis in table-cell without width

我正在尝试在中间单元格中实现响应式表格宽度text-overflow:ellipsis;,如下所示:|按钮1|一行文本太长,必须...|按钮2|整个表格的width:100%;应该和设备一样大。我无法在Button1或Button2上设置固定宽度,因为该应用程序是多语言的(虽然max-width应该是可能的).我可以尝试任何我想尝试的东西,...只有在我设置固定宽度时才会出现。如果没有JavaScript的帮助,我如何告诉中间单元格“使用可用空间”? 最佳答案 这并不是一个真正干净的解决方案,但它不使用JS,并且适用于我测试过的所有

html - 我可以将 <style>...</style> 标签放在 HTML 文件的正文中以通过电子邮件发送吗?

由于很多电子邮件客户端忽略HEAD标签,我可以在正文中嵌入内联样式表吗? 最佳答案 简短的回答是否定的。Gmail去除标签及其内容。Hotmail、雅虎!Mail和WindowsLiveMail不会去除正文元素中的样式标签。但是看看"TheUltimateGuidetoCSS"forHTMLemail在CampaignMonitor上。 关于html-我可以将<style>...</style>标签放在HTML文件的正文中以通过电子邮件发送吗?,我们在StackO

html - CSS 属性 list-style 应该应用于 <ul>/<ol> 还是 <li>?

大多数站点显示语法为应用list-style到但我见过一些适用于list-style的教程网站(如thisone)到或.哪个是“正确”的方式? 最佳答案 根据W3CCSS2引用,可以找到here,Anothersolutionwouldbetospecify'list-style'informationonlyonthelisttypeelements:ol.alpha{list-style-type:lower-alpha}ul{list-style-type:disc}Inheritancewilltransferthe'lis

HTML+CSS : 'a' width doesn't work

我有以下代码:CSS部分:.menu{width:200px;}.menuul{list-style-image:none;list-style-type:none;}.menuli{margin:2px;}.menuA{height:25px;width:170px;background:url(./images/button-51.png);padding:2px5px;}.menuA:link{height:25px;width:170px;background:url(./images/button-51.png);padding:2px5px;}HTML部分:一切正常,但是当

css - xHTML/CSS : How to make inner div get 100% width minus another div width

我在外部有2个嵌套的div,其宽度为:100%。两个嵌套的div应该在一行中,首先应该从它的内容中获取它的大小:innerdiv1.Sometext...innerdiv2...问题是如果没有指定#inner1div的宽度并且取决于它里面的内容,如何使#inner2div获得剩余的水平空间?附言在我的案例中,所有样式都在单独的类中,这里我将CSS放入样式属性中只是为了简化。我希望结果在IE7+和FF3.6中工作对我来说更详细的是这样的:.captionText{float:left;}.captionLine{height:1px;background-color:black;marg

html - 如何设置:link height/width with css?

我无法设置导航的a元素的高度和宽度。#headerdiv#snavdiva{width:150px;height:77px;}#headerdiv#snavdiva:link{width:150px;height:77px;}#headerdiv#snavdiva:hover{height:77px;background:#eff1de;}知道我做错了什么吗? 最佳答案 添加显示:block;a-tag是一个内联元素,因此您的高度和宽度将被忽略。#headerdiv#snavdiva{display:block;width:150p