文章/答案/技术大牛

发布

问在父容器内定位h2容器
EN

Stack Overflow用户

提问于 2014-04-07 07:21:34

回答 3查看 640关注 0票数 0

我刚开始接触CSS，所以请原谅我的无知。我很难让我的h2标签在它的容器内进行合作。我希望h2在周围的容器中是正确的，但是我找不到正确的函数来这样做。我的代码如下：

#about
    {
    width: 55%;
    font-size: 120%;
    }

h2
    {
    width: 130px;
    font-weight: lighter;
    border-style: solid;
    border-top: none;
    border-bottom: none; 
    border-left: none;
    border-width: 1px;  
    margin-top:7%;
    }

h2是文本"About“，#about是下面的文本正文，也包含了h2。

截图

有什么建议吗？

应要求：http://jsfiddle.net/N786d/

html

css

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-04-07 07:38:27

CodingAnt给出的选项将有效，但它将导致右侧的白色边框向右移动。只需将页边距设置为零就可以了。

h2 
    {
    margin-left: 0;
    }

票数 1

Stack Overflow用户

发布于 2014-04-07 07:29:06

编辑

您应该提高CSS选择器的专用性，以便只匹配导航栏的h2：

#nav h2{
    //Your actual rules
}

演示

如果我很了解您，您应该使用[text-align][2]属性，它可以具有以下值：

文本-对齐:开始\{e76f}\

在您的情况下，使用left值，您应该有预期的结果！

票数 0

Stack Overflow用户

发布于 2014-04-07 07:57:37

通常需要使用text-align:left，但这只会影响内联内容，因此还必须为h2设置display:inline-block (默认情况下有display:block )：

#about {
    ...
    text-align:left;
}

h2 {
   ...
   display:inline-block;
}

小提琴演示

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/22905928

复制

相似问题

问在父容器内定位h2容器
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在父容器内定位h2容器EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在父容器内定位h2容器
EN