草庐IT

layout_margin

全部标签

python - 使用 matplotlib tight_layout() 时出现 ValueError

好的,这是我第一次在这里提问,所以请耐心等待我;-)我正在尝试使用matplotlib在图中创建一系列子图(每个图有两个y轴),然后保存该图。我正在使用GridSpec为子图创建网格,并意识到它们有一点重叠,这是我不想要的。所以我正在尝试使用tight_layout()来解决这个问题,根据matplotlib文档,这应该可以正常工作。稍微简化一下,我的代码看起来像这样:importmatplotlib.pyplotaspltimportmatplotlib.gridspecasgridspecfig=plt.figure(num=None,facecolor='w',edgecolor

python - 用子图绘制 Pandas 数据框(子图=真): Place legend and use tight layout

我非常喜欢pandas来处理和分析大数据集。到目前为止,我主要使用matplotlib进行绘图,但现在想使用pandas自己的绘图功能(基于matplotlib),因为它需要更少的代码并且在大多数情况下似乎对我来说已经足够了。尤其是快速浏览大数据帧的子图,如下例所示。importpandasaspdimportnumpyasnpimportmatplotlib.pyplotasplt#Generaterandomdatadf=pd.DataFrame(np.random.randn(96,12),columns=['A','B','C','D','E','F','G','H','I',

html - CSS:div "float:middle"而不是 "float:left;"是否可以带 margin-left?

我愿意div1tofloatontheleftdiv2tofloatinthecenterdiv3tofloatontheright.但是没有“浮在中央”这样的东西解决方案? 最佳答案 你可以这样做insomenewbrowsers使用flexbox模型:jsFiddleHTMLleftdivmiddledivrightdivCSSbody{width:100%;height:50px;display:-webkit-box;/*iOS6-,Safari3.1-6*/display:-moz-box;/*Firefox19-*/di

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

jquery - 说 "Anchorlink"Target Element 有动态 margin-top

我有一个小“大”问题,不知道如何解决。如果我有一个带有跳转到带有margin-top元素的anchor的链接,则边距将被“忽略”,如下例所示:http://jsfiddle.net/T38uk/如果我有一个margin-top="0"的div,并且会动态添加一些margin-top,anchor会跳转到“旧”位置,如下例所示:http://jsfiddle.net/eG2Gd/是否可以告诉anchor目标元素上有一个动态变化的边距?这是单个代码片段:HTMLTestanchorHiermussderAnkerhinspringen​CSSbody{height:8000px;}.lin

html - Bootstrap 3 : what is standard Structure and Layout?

有很多关于Bootstrap元素的教程。但我想知道我必须在哪里使用nav/header/container/row/well/panel/section例如..第12列是否需要使用行?1-目前我是这样做的:/*onlyfortopnavbar*//*forbody*/这是真的吗?2-这种格式是真实的还是必需的?3-哪个是标准的?或4-是否需要对所有部分或仅对父部分使用“容器”类? 最佳答案 对于1:-是的,这是一种正确的方法。每当你想在它们的第一个父类中使用像col-xs-12这样的Bootstrap列类时,你必须将类“行”。对于2

HTML CSS : fix and stretch width two column layout

leftfixed-widthcolumnrightstretchingcolumn(thewidthshouldbe700pxinthiscase.)创建两列布局的标准方法是什么,其中左边一列是固定大小,右边一列是拉伸(stretch)?我希望两列的样式是独立的。我在这里找到了几个解决方案,但是如果我更改左列的宽度,右列的样式(例如边距)也需要随之更改。我不需要支持旧浏览器。如果是标准的,那就没问题了。 最佳答案 将overflow:hidden应用于第二个div。这将引入一个新的blockformattingcontext.您可

html - 带有 table-layout=auto 的 HTML 表格中的固定宽度列

当HTML表格的table-layout设置为auto时,它的列会自动调整大小。鉴于这种情况,有没有办法保持特定列的固定宽度?我试过使用CSS宽度-似乎没有任何效果。 最佳答案 如果你使用nth-child,你可以使用CSS来做到这一点CSS:.table{table-layout:auto}td,th{border:1pxsolid#999;padding:0.5rem;}.table1th:nth-child(1),.table1td:nth-child(1){width:200px;/*becomes218pxwithpadd

html - Safari 上带有 margin-right negative 的布局差异

我偶然发现了Safari和Chrome/Firefox之间的布局渲染差异,我不知道哪个是“正确的”。你可以查看jsfiddlehere在Firefox/Chrome上,布局符合预期,黄色的div在红色的之后。但在Safari上,黄色的div位于红色的下方。在调查我做错了什么之后,我发现错误来自CSS类E谁的属性(property)margin-right(值:-11px)大于width我的div的属性(值:10px)。我想我理解为什么Safari会以这种方式呈现它。B类的div宽度计算为其子项的宽度之和,因为它们具有属性float:left;.这是widthB=widthB2*2+wi

html - margin 属性不适用于 css 中的选择元素

我有这个代码:blablabl;blablabl;在CSS中.fooselect{margin-bottom:50px;}输出是2个彼此相邻且没有50px分隔的选择元素。我在这里缺少什么? 最佳答案 select元素是display:inline默认情况下(通常)并且不会尊重边距。将它们更改为display:block如果你想让每个人都在自己的行上,或者display:inline-block如果您希望每个都有较大的底部边距。编辑:我看到你有,所以它们将与display:inline-block在两条不同的线上