Tag: 边缘

有什么区别; 和;; 在Clojure代码注释?

有什么区别; 和;; 当在Clojure开始评论? 我看到我的文本编辑器以不同的颜色对待它们,所以我认为它们在概念上有所不同。 我也看到, Marginalia对待他们是不同的: ; Stripped entirely ;; Appears in text section of marginalia (defn foobar [] ; Appears in code section of marginalia output ;; Again, appears in code section of marginalia output 6)

CSS利润恐怖; 边距增加了父元素之外的空间

我的CSS边缘不符合我的期望或期望他们的行为。 我似乎像我的标题边缘顶部影响周围的div标签。 这是我想要的和期望的: …但是这是我最终的结果: 资源: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Margin test</title> <style type="text/css"> body { margin:0; } #page { margin:0; background:#FF9; } #page_container { margin:0 20px; } h1 { margin:50px 0 0 0; } </style> </head> <body> <div id="page"> <div id="page_container"> <header id="branding" role="banner"> <hgroup> <h1 id="site-title"><span><a href="#" title="Title" rel="home">Title</a></span></h1> <h2 id="site-description">Description</h2> </hgroup> […]

自动页边距不会在页面中居中放置图像

在这个例子中 ,图像不居中。 为什么? 我的浏览器是Windows 7上的Google Chrome v10,不是IE。 <img src="/img/logo.png" style="margin:0px auto;"/>

为什么在CSS中的负边距工作,为什么是(margin-top:-5!= margin-bottom:5)?

垂直定位元素的常见技巧是使用以下CSS: .item { position:absolute; top:50%; margin-top:-8px; /* half of height */ height: 16px; } 在公制视图中看到的情况如下所示: 但是,当您将鼠标hover在元素上时,并没有显示可视边距,即边距在“边界之外”并且可以被显示。 但负利润率不会显现。 他们如何看,是什么使它不同? 为什么margin-top:-8px 与 margin-bottom:8px 不一样 ? 那么负利润率是如何工作的呢?他们背后的直觉是什么? 他们如何“碰撞”(如果margin-top < 0 )项目?

保证金顶部不适用于span元素?

有人能告诉我我编码错了吗? 一切正常,唯一的事情就是没有任何保证金。 HTML : <div id="contact_us"> <!– BEGIN CONTACT US –> <span class="first_title">Contact</span> <span class="second_title">Us</span> <p class="content">For any questions whatsoever please contact us through the following e-mail address:</p></br></br> <p class="e-mail">info@e-mail.com</p></br></br></br></br> <p class="read_more"><a href="underconstruction.html">Read More</a></p> </div> <!– END CONTACT US –> CSS : span.first_title { margin-top: 20px; margin-left: 12px; font-weight: bold; font-size: 24px; color: #221461; } […]

如何禁用边缘折叠?

有没有一种方法来完全禁用边缘折叠? 我发现的唯一的解决scheme(通过名称“uncollapsing”)需要使用1px边框或1px填充。 我觉得这是不可接受的:无关的像素复杂的计算没有很好的理由。 有没有更合理的方式来禁用这个边缘崩溃?

graphics自动布局algorithm

为了简化问题,我有一个包含在2D平面上的节点和边的图。 我想要做的是点击一个button,它会自动布局图看起来干净。 通过这个,我意味着最小的边缘交叉,节点之间的漂亮的空间,甚至可以表示graphics比例(加权的边缘)。 我知道这完全是一个干净的图表的主观,但是有没有人知道一个algorithm开始,而不是重新发明轮子? 谢谢。

为什么保证金不会被父元素包含?

当具有边距的元素包含在另一个元素中时,父元素不会一致地包装该边距。 许多事情会导致父母包装孩子的利润率: 边界:固体; 位置:绝对的; 显示:内联块; 溢出:汽车 (这只是从小testing,毫无疑问还有更多。) 我认为这与收缩利润率有关,但是: W3C规范页面没有这种行为的描述。 这里没有重叠的边距。 所有浏览器的行为似乎在这个问题上是一致的。 行为受到与边距无关的触发器的影响 默认为溢出的元素的逻辑是什么:auto应该包含与溢出设置为auto的元素不同的材料。 为什么除了常规div的默认行为之外,其他所有的东西都假定margin是由父级包含的 – 为什么常规默认不包含margin呢? 编辑:最后的答案是W3C确实指定了这种行为,但是 规格没有任何意义。 规格组合,没有任何解释的话 : “免费利润率”(可能触及其父母的顶部或底部的利润率不包含在父母中)以及 “折叠边距”(相邻的边距允许重叠)。 演示: <!doctype html> <html> <head> <title>Margins overextending themselves</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <style type="text/css"> body{ margin:0; } div.b{ background-color:green; } div.ib{ display:inline-block; background-color:red; } div.pa{ background-color:yellow; position:absolute; bottom:0; right:0; } div.oa{ background-color:magenta; overflow:auto; […]

如何删除身体周围的空白空间或清除默认的CSS样式

我确实是一个初学者,但是在发布之前我也做了大量的search工作。 我的div元素似乎有额外的空间。 我也想指出,我尝试了很多边界的组合:0,填充:0等,没有什么似乎摆脱了空白。 这里是代码: <html> <head> <style type="text/css"> #header_div { background: #0A62AA; height: 64px; min-width: 500px; } #vipcentral_logo { float:left; margin: 0 0 0 0; } #intel_logo { float:right; margin: 0 0 0 0; } </style> </head> <body> <div id="header_div"> <img src="header_logo.png" id="vipcentral_logo"> <img src="intel_logo.png" id="intel_logo"/> </div> </body> 这是它看起来像(我插入红色箭头明确地呼吁额外的空间): 我期待着蓝色直接贴在浏览器的边缘和工具栏上。 图像的高度均为64像素,并且与分配给#header_div的图像具有相同的背景色。 任何信息将不胜感激。

为什么我不能以margin为中心:0 auto?

我有一个#头div是100% width ,在该div我有一个无序的列表。 我已应用margin: 0 auto到无序列表,但它不会居中在标题div。 有谁可以告诉我为什么? 我认为,如果我定义父div的宽度,那么无序列表应该能够以margin: 0 auto自居。 我错过了什么? 这是我的代码: <style> * { margin: 0; padding: 0; } #header { width: 100%; background-color: #333; min-height: 160px; font-family:Arial, Helvetica, sans-serif; } #sitename { font-size: 50px; width: 620px; margin:0 auto; padding-top: 35px; color:#999; } #header ul { float: right; margin: 0 auto; } #header ul […]