相关疑难解决方法(0)

如何使用CSS垂直居中文本?

我有一个包含文本的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)

做这个的最好方式是什么?

html css vertical-alignment

2190
推荐指数
19
解决办法
314万
查看次数

553
推荐指数
9
解决办法
24万
查看次数

保证金和填充之间的差异?

CSS中的边距填充之间究竟有什么区别?它似乎没有多少用途.你能举个例子说明差异在哪里(为什么知道差异很重要)?

css

350
推荐指数
10
解决办法
32万
查看次数

为什么不使用保证金定位而不是使用头寸:相对前5px?

标题,基本上.我一直在做很多使用保证金定位的工作而不是像position: relative我这样的东西,因为我不知道你可以这样控制它.

什么是margin应该做的,为什么我应该使用position的时候margin就完事了?

css html5

14
推荐指数
2
解决办法
2万
查看次数

使用box-sizing:与Twitter Bootstrap 2.x的边框,我们可以轻松地完成它而不会破坏一切吗?

我在上一期项目中一直使用"边框盒模型".这有很多优点,我不会在这里解释.但你可以在这里阅读:css-tricks中的边框

现在我开始了一个更大的项目,我们已经确定twitter bootstrap将是一个很好的解决方案,满足我们的需求.我想知道是否可以在没有破坏一切的情况下使其成为"边境盒装".有没有人试过这个,后果是什么?调整太多了?真正的改善?

谢谢

css twitter-bootstrap

10
推荐指数
2
解决办法
1万
查看次数

条件预处理器优于条件语句的优点

我从未使用过 #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)

此外,什么时候使用 /不使用条件预处理器?

c++ c-preprocessor preprocessor-directive

8
推荐指数
2
解决办法
2247
查看次数

设置文本格式时应该使用边距还是填充?

我正在为我的网站设计一些 CSS。我需要格式化(在标题和段落之间添加一些适当的间距)一段统一文本,其中标题和段落位于单个背景上margin这可以使用或属性来完成padding。我确实理解这两者在 CSS 中的区别。另外,关于这些 CSS 属性的使用,还有很多问题:

然而,毫无疑问应该使用什么属性来进行正确的文本格式设置。假设我需要像这样设置文本格式:

格式示例

我应该使用marginpadding控制文本元素(标题和段落)之间的间距吗?<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)

html css

5
推荐指数
1
解决办法
4092
查看次数

我知道填充和边距之间的区别,但什么时候应该使用每个?

这个链接(以及我检查过的所有其他'保证金与填充'问题),同时提出同样的问题似乎只说明了两者之间的区别.它说,"当你想要外面的空间时,使用边距.当你想要空间内部使用填充".

这很公平但是如果你看看这个快速的jsFiddle示例,我已经使用了各种CSS来获得完全相同的效果.

这个问题是主观的,可能会被关闭但是我浪费了很多时间来决定,"我应该在填充元素上添加填充...或内部元素本身的边距."

如果你扩展这些div有多个段落,那么如果你想拥有一致的边框/背景,第三个例子很快就会失败.在<p>标签上使用Margin的那个似乎看起来更好,因为它自动分隔段落.

是否有一个简单的思考过程/一组问题我可以问自己在设计我的网站时得出结论?

html css

3
推荐指数
1
解决办法
348
查看次数

在 css 中使用 padding 或 margin 来定位文本?

如果我只是想在两个元素之间创建间距,我应该使用“padding”还是“margin”?这两种方式都可以吗?我应该选择一种方式吗?

html css text responsive

-2
推荐指数
1
解决办法
9677
查看次数

CSS边距和填充有什么区别?

填充

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)

两者都在创造空间......以下两句话之间的实际差异是什么?

  1. CSS填充属性用于生成内容周围的空间.
  2. CSS边距属性用于生成元素周围的空间.

html css

-3
推荐指数
1
解决办法
5179
查看次数