Questions tagged «css»

CSS(层叠样式表)是一种表示样式表语言,用于描述HTML(超文本标记语言),XML(可扩展标记语言)文档和SVG元素的外观和格式,包括(但不限于)颜色,布局,字体,和动画。它还描述了如何在屏幕,纸张,语音或其他媒体上呈现元素。

3
React Native中的Absolute和Flexbox
我想在屏幕底部放一个白色的条,它将占据所有宽度。为此,我考虑过将absolute定位与继承的flexbox参数一起使用。 通过以下代码,它呈现出类似以下内容。 这是我的代码: var NavigationBar = React.createClass({ render: function() { return( <View style={navigationBarStyles.navigationBar}> //Icon 1, Icon 2... </View> ); } }); var Main = React.createClass({ render: function() { return( <View style={mainStyles.container}> <NavigationBar /> </View> ); } }); var mainStyles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#456783', } }); var …

13
引导元素100%宽度
我要创建交替的100%彩色块。附件中说明了“理想”情况以及当前情况。 所需的设置: 目前: 我的第一个想法是创建一个div类,为其提供背景颜色,并为其提供100%的宽度。 .block { width: 100%; background: #fff; } 但是,您可以看到这显然不起作用。它仅限于容器区域。我试图关闭容器,但也没有用。


14
如何使用Twitter引导响应式更改导航栏折叠阈值?
我在用bootstrap-sass实现的Rails 3.1.2项目中使用Twitter Bootstrap 2.0.1。我正在加载bootstrap.css和和bootstrap-responsive.css文件,以及bootstrap-collapse.jsJavascript。 我有一个与示例类似的导航栏,布局流畅。在此之前,导航栏“响应变化”说明这里。效果很好:如果页面的宽度小于940px,导航栏将折叠并显示一个“按钮”,我可以单击该按钮来展开。 但是,我的导航栏看起来不错,可宽至550像素左右,也就是说,除非屏幕非常狭窄,否则不需要折叠它。 如果屏幕宽度小于550像素,如何告诉Bootstrap仅折叠导航栏? 请注意,在这一点上我不希望修改其它响应行为,如堆叠的元素,而不是并排显示他们一边。

8
表在div之外溢出
我试图阻止一个表,该表的宽度已显式声明,而不是从其父外部溢出div。我想我可以使用进行某种方式的操作max-width,但是似乎无法正常工作。 以下代码(窗口很小)将导致此: <style type="text/css"> #middlecol { width: 45%; border-right:2px solid red; } #middlecol table { max-width:100% !important; } </style> <div id="middlecol"> <center> <table width="400" cellpadding="3" cellspacing="0" border="0" align="center"> <tr> <td bgcolor="#DDFFFF" align="center" colspan="2"> <strong>Notification!</strong> </td> <tr> <td width="50"> <img src="http://www.example.com/img.png" width="50" height="50" alt="" border="0"> </td> <td> Lorem ipsum dolor sit …
94 html  css  html-table 

12
如何在“选择选项”中使用复选框
客户给了我一个设计,该设计具有一个“选择选项”菜单,该菜单包含一个复选框以及作为列表中单个项目的项目名称。无论如何,是否可以在“选择选项”菜单中添加一个复选框? 注意:开发人员需要添加自己的ID才能使菜单生效,如果可能的话,我仅需要HTML CSS代码。

6
如何仅从a:before下划线删除?
我有一组使用的样式链接:before以应用箭头。 在所有浏览器中看起来都不错,但是当我在链接上应用下划线时,我不想在:before零件上使用下划线(箭头)。 例如,请参见jsfiddle:http : //jsfiddle.net/r42e5/1/ 是否可以删除它?我所坐的测试样式#test p a:hover:before确实得到了应用(根据Firebug),但是下划线仍然存在。 有什么办法可以避免这种情况? #test { color: #B2B2B2; } #test p a { color: #B2B2B2; text-decoration: none; } #test p a:hover { text-decoration: underline; } #test p a:before { color: #B2B2B2; content: "► "; text-decoration: none; } #test p a:hover:before { text-decoration: none; } <div …


6
iOS强制输入出现圆角和眩光
iOS设备在表单输入上添加了很多烦人的样式,尤其是在input [type = submit]上。下面显示的是在桌面浏览器和iPad上相同的简单搜索表单。 桌面: iPad: input [type = text]使用CSS框阴影插图,甚至指定了-webkit-border-radius:none;。显然被覆盖了。我的input [type = submit]按钮的颜色和形状在iPad上变得完全混为一谈。有谁知道我该怎么做才能解决此问题?提前致谢。
94 css  ios  forms 

13
在某个位置停止固定位置滚动?
我有一个position:fixed的元素,所以随页面滚动,但是我想要它如何。当用户向上滚动时,我希望元素在某个点处停止滚动,比如说距页面顶部250px,这可能吗?任何帮助或建议将对您有所帮助,谢谢! 我有一种感觉,我需要使用jquery来做到这一点。我尝试获取用户所在位置的滚动或位置,但感到非常困惑,是否有任何jQuery解决方案?


12
CSS:如何在表格中的行之间创建间隙?
意味着使结果表看起来不像这样: [=== ROW ===] [=== ROW ===] [=== ROW ===] [=== ROW ===] ...像这样: [=== ROW ===] [=== ROW ===] [=== ROW ===] [=== ROW ===] 我尝试添加 margin-bottom:1em; 到td和tr都没收到。有任何想法吗?
94 html  css 

5
忽略叠加图像上的鼠标交互
我有一个带有悬停效果的菜单栏,现在我想在一个菜单项上放置一个带有圆圈和“手绘”文本的透明图像。如果我使用绝对定位将叠加图像放置在菜单项上方,则用户将无法单击该按钮,并且悬停效果将不起作用。 有什么办法可以禁用鼠标与此覆盖图像的交互,以使菜单即使在图像下方也能像以前一样继续工作? 编辑: 因为菜单是使用joomla生成的,所以我无法仅调整菜单项之一。即使可以,我也不认为使用javascript解决方案是合适的。因此,最后我在菜单项元素外部用箭头“标记”了菜单项。不像我想要的那样好,但是无论如何它还是可行的。

10
将DIV与底部或基线对齐
我正在尝试将子div标签与父div标签的底部或基线对齐。 我要做的就是让孩子Div处于父Div的基线,这是现在的样子: 的HTML <div id="parentDiv"> <div class="childDiv"></div> </div> 的CSS #parentDiv { width:300px; height:300px; background-color:#ccc; background-repeat:repeat } #parentDiv .childDiv { height:100px; width:30px; background-color:#999; } 注意 我将拥有多个childDiv具有不同高度的,并且需要它们全部与基线/底部对齐。
94 html  css 

9
限制Chart.js折线图上的标签数量
我想从获取的数据中显示图表上的所有点,但我不想显示它们的所有标签,因为那样的话,图表就不太可读了。我在文档中寻找它,但是找不到任何可以限制它的参数。 我不想仅以三个标签为例,因为那时图表也仅限于三个点。可能吗? 我现在有类似的东西: 如果我能留下每三分之四的标签,那就太好了。但是我对标签选项一无所获。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.