保证金顶部/保证金底部不起作用

时间:2016-09-04 21:17:42

标签: html css margin

我正在开发一个更大的网络项目,下面的代码片段只是两个较大的html / css文档的摘录。

但问题仍然存在: 我无法为我的文本框插入margin-top/bottom

我想实现两件事:

  • 如果需要,可以在文本框中添加更多行 - 这些行之间已定义了空格。
  • 在自动中断单行后使用相同的已定义空格。此代码段嵌入了许多自动生成的页面。所以我不知道会显示多少个白盒子。我想在调整浏览器窗口大小后实现更好的行为。

HTML / CSS - 最小(非)工作示例:



body {
  font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
  background-color: #f0f0f0;
}
span.bigger {
  font-size: 1.5em;
  margin-right: 15px;
  /*not working*/
  margin-top: 225px;
  margin-bottom: 225px;
  background-color: white;
  padding: 5px;
}

<div id="content">
  <span class="bigger">Text-Text-Text</span>
  <span class="bigger">Text-Text-Text</span>
  <span class="bigger">Text-Text-Text</span>
  <span class="bigger">Text-Text-Text</span>
  <span class="bigger">Text-Text-Text</span>
  <span class="bigger">Text-Text-Text</span>
  <span class="bigger">Text-Text-Text</span>
  <span class="bigger">Text-Text-Text</span>
  <span class="bigger">Text-Text-Text</span>
  <span class="bigger">Text-Text-Text</span>
  <span class="bigger">Text-Text-Text</span>
  <span class="bigger">Text-Text-Text</span>
</div>
No margin
&#13;
&#13;
&#13;

我想要实现的目标: enter image description here

1 个答案:

答案 0 :(得分:4)

这是因为{"position":"center","nivel":"1","indicator":"1","network":"1","cim":"","indicated":"2"} 是内联元素,而rows = Linked_list() Column = Linked_list() for p in range(0, 19): self.rows.new_node(Chip()) for j in range(0, 19): Column.new_node(rows) 在内联元素中不起作用,因此请将其设为inline-level block container element

  

<强>内联块

     

此值使元素生成内嵌级块容器。内联块的内部被格式化为块框,元素本身被格式化为原子内联级框。

span
margin-top/bottom