我有一个包含文本的div元素,我想将此div的内容垂直居中对齐.
这是我的div风格:
#box {
height: 170px;
width: 270px;
background: #000;
font-size: 48px;
color: #FFF;
text-align: center;
}
Run Code Online (Sandbox Code Playgroud)
<div id="box">
Lorem ipsum dolor sit
</div>
Run Code Online (Sandbox Code Playgroud)
做这个的最好方式是什么?
标题,基本上.我一直在做很多使用保证金定位的工作而不是像position: relative
我这样的东西,因为我不知道你可以这样控制它.
什么是margin
应该做的,为什么我应该使用position
的时候margin
就完事了?
我在上一期项目中一直使用"边框盒模型".这有很多优点,我不会在这里解释.但你可以在这里阅读:css-tricks中的边框
现在我开始了一个更大的项目,我们已经确定twitter bootstrap将是一个很好的解决方案,满足我们的需求.我想知道是否可以在没有破坏一切的情况下使其成为"边境盒装".有没有人试过这个,后果是什么?调整太多了?真正的改善?
谢谢
我从未使用过 #if,#ifdef,#ifnf,#else,#elif和#endif.
当我浏览一些源代码时,我发现了这些指令的广泛使用.对条件预处理器进行了一些阅读,但没有发现它们与正常条件语句的区别.所以我想知道以下代码的优点是什么:
#include<iostream>
int main()
{
int i = 0;
#if i == 0
std::cout<<"This";
#else
std::cout<<"That";
#endif
return 0;
}
Run Code Online (Sandbox Code Playgroud)
对此:
#include<iostream>
int main()
{
int i = 0;
if (i == 0)
std::cout<<"This";
else
std::cout<<"That";
return 0;
}
Run Code Online (Sandbox Code Playgroud)
此外,什么时候使用 /不使用条件预处理器?
我正在为我的网站设计一些 CSS。我需要格式化(在标题和段落之间添加一些适当的间距)一段统一文本,其中标题和段落位于单个背景上。margin
这可以使用或属性来完成padding
。我确实理解这两者在 CSS 中的区别。另外,关于这些 CSS 属性的使用,还有很多问题:
然而,毫无疑问应该使用什么属性来进行正确的文本格式设置。假设我需要像这样设置文本格式:
我应该使用margin
或padding
控制文本元素(标题和段落)之间的间距吗?<p>
建议在和标签上使用什么<h..>
?常见的做法是什么?
这是我现在想到的:
/* tiny reset */
html { font-size: 10px; }
html, body { margin: 0; padding: 0; }
* { box-sizing: border-box; }
p {
font-family: 'Roboto', sans-serif;
font-size: 1.6rem;
line-height: 2.5rem;
margin: 0.6rem 0 2.0rem 0;
padding: 0 2px 4px 2px;
width: 100%; /* Opera needs this */
text-rendering: optimizeLegibility;
}
h1, …
Run Code Online (Sandbox Code Playgroud)这个链接(以及我检查过的所有其他'保证金与填充'问题),同时提出同样的问题似乎只说明了两者之间的区别.它说,"当你想要外面的空间时,使用边距.当你想要空间内部使用填充".
这很公平但是如果你看看这个快速的jsFiddle示例,我已经使用了各种CSS来获得完全相同的效果.
这个问题是主观的,可能会被关闭但是我浪费了很多时间来决定,"我应该在填充元素上添加填充...或内部元素本身的边距."
如果你扩展这些div有多个段落,那么如果你想拥有一致的边框/背景,第三个例子很快就会失败.在<p>
标签上使用Margin的那个似乎看起来更好,因为它自动分隔段落.
是否有一个简单的思考过程/一组问题我可以问自己在设计我的网站时得出结论?
如果我只是想在两个元素之间创建间距,我应该使用“padding”还是“margin”?这两种方式都可以吗?我应该选择一种方式吗?
填充
padding-top
padding-right
padding-bottom
padding-left
Run Code Online (Sandbox Code Playgroud)
Marging
margin-top
margin-right
margin-bottom
margin-left
Run Code Online (Sandbox Code Playgroud)
两者都在创造空间......以下两句话之间的实际差异是什么?