草庐IT

border-bottom

全部标签

Android 如何从 Material Design 文档中实现 Bottom Sheet

你如何实现底层规范?http://www.google.com/design/spec/components/bottom-sheets.htmlGoogleDrive的新更新通过按下float操作按钮显示了这一点->尽管规范从未提及圆角,但无论是否可行,只是不确定如何去做。当前使用AppCompat库,目标设置为21。谢谢 最佳答案 编辑BottomSheet现在是android-support-library的一部分。见JohnShelleys'answer.不幸的是,目前没有关于如何做到这一点的“官方”方式(至少我知道没有)。

python - matplotlib 堆叠条形图 AssertionError : incompatible sizes: argument 'bottom' must be length 3 or scalar

我需要像这样想出不同列表的条形图importmathimportnumpyasnpimportmatplotlib.pyplotaspltmonth=["dec-09","jan","feb"]n=len(month)kitchen=[57.801,53.887,49.268]laundry=[53.490,56.568,53.590]air=[383.909,395.913,411.714]other=[519.883,483.293,409.956]ind=np.arange(n)width=0.35p1=plt.bar(ind,kitchen,width,color="cyan"

html - margin、padding、border 都为零后还有空间吗?

我已将边距、填充和边框设置为零,但在Firefox和Chrome中我的Canvas和div周围仍然有空间。显然,我不明白如何在HTML中调整元素,非常感谢您的建议和指点。SpacingQuestion*{border:0px;margin:0px;padding:0px;}canvas{width:150px;height:150px;}body{background-color:Purple;color:Silver;}functiondraw(){varcanvas=document.getElementById('canvas1');if(canvas.getContext){v

html - CSS 表格 - 添加边距列和行 border-bottom

我有一个HTML表格元素,我想在列之间添加边距,所以我使用了这些css属性:table{border-collapse:separate;border-spacing:36px0px;}现在我想将border-bottom添加到整行,包括标题和正文中的每个tr,但边框没有出现。我用过:tr{border-bottom:1pxsolidblue;}它仅在我使用时出现:table{border-collapse:collapse;}但是我不会在列之间留边距。我添加了我的DEMOhere. 最佳答案 您可以使用:after伪类来设置样式,

html - border-collapse 和 colspan 的奇怪行为

我正在尝试用HTML制作组织结构图。代码相当简单,但我在Chrome/Safari和Opera中呈现时遇到了一些问题。这是在Firefox和IE中运行的结果应该是这样的:这是在Chrome和Safari中这是在Opera中:问题来自CSS中的border-collapse:collapse属性。如果我使用旧的编码风格cellspacing="0"cellpadding="0"它或多或少会起作用,但在HTML5中无效。我创建了一个jsFiddle来显示问题:http://jsfiddle.net/aGVp4/7/我的HTML:还有我的CSS:.orgchart{border-spacin

html - Chrome 与 box-sizing :border-box in a display:table

我正在使用display:table进行小型2Pane布局。对于间距(也来自背景图像),我使用padding。因为我需要child从可用空间中获得一个精确的width:50%(考虑到父级div的填充),我使用box-尺寸:边框框。这在Opera中运行良好,但在Chrome中box-sizing:border-box甚至-webkit-box-sizing:border-box都被默默地忽略了。我制作了一个展示问题的演示。两个红色框应该是正方形,蓝色框的宽度和高度应该是200px:http://jsfiddle.net/fabb/JKECK/这是html源代码:Somethingonth

html - 如何在 `border-*` 属性中使用百分比?

我有使用TwitterBootstrap3的代码,nav和right-arrow,我使用border-*属性创建的。但是如果我在right-arrow中使用很长的文本,它不会展开,如果我使用百分比,代码将无法运行...关于的示例JsFiddle.custom-nav-stacked>li>a{border-radius:2px;}.custom-nav-stacked>li.active>a:after,.custom-nav-stacked>li.active>a:hover:after,.custom-nav-stacked>li.active>a:focus:after{cont

html - Bootstrap 4 : Footer not at bottom

我知道这个问题可能被问过数百次,但遗憾的是,我在这里找到的答案并没有真正帮助到我。例如,我尝试了这些答案:BootstrapfooternotatbottomFlushingfootertobottomofthepage,twitterbootstrapHeightnot100%onContainerFluideventhoughhtmlandbodyare但我仍然有一个问题,当我的页面内容“小”并且没有填满主体/页面容器的整个高度时,页脚只是float在浏览器窗口末端上方的某个地方。这是我的页脚代码:Link1|Link2|Link3CraftedwithLovebyMe我正在使用B

CSS:如果垂直空间可用,则为 "float:bottom"。 "float:left"否则

我有两个非常窄(宽度:400像素)的div,如果浏览器窗口中有足够的垂直空间,它们应该垂直堆叠。如果浏览器高度太小,而右边有足够的空间,“bottomdiv”应该float到topdiv的右边。从某种意义上说,我要求的是“float:left”的反义词。float:如果浏览器窗口中有足够的水平空间,则水平左对齐div,如果下方只有可用空间,则仅将divfloat在其他下方。感谢您的任何建议! 最佳答案 根据您需要的浏览器支持级别,一个简单的媒体查询可能会解决您的问题:/*SETTHEDEFAULTRULESFORSHORTSCREE

javascript - HTML5 Canvas : How to border a fillRect?

在HTML5中,我想制作一个fillRect()(填充颜色为白色)和一个border(黑色)。我不想使用strokeRect()除非我以后可以填充它。我正在制作一款游戏,您可以在其中点击方block,它们会改变颜色(比这更复杂,但这正是本文的重点)。varc=document.getElementById("canvas1");varctx=c.getContext("2d");ctx.strokeStyle="rgba(0,0,0,1)";ctx.strokeRect(0,0,100,100);Canvas周围的边框仅供引用。我也可以使用CSS,但目前一切都在HTML中。