根据文本的部分标签宽度高度？ [复制]答案

【问题标题】：Section tag width height according text? [duplicate]根据文本的部分标签宽度高度？ [复制]
【发布时间】：2014-02-26 07:02:49
【问题描述】：

我再次重新发布这篇文章，因为没有找到任何合适的答案。我尝试使用下面的代码，根据文本，它的工作但不是截面框的最佳宽度高度。我设计了三个css id，第一个是#wbp_row，第二个是#wbp_col，最后一个是text id name是#threedtext

I try these codes with html5 and css3 techniques.

我的css代码：

#wbp_row {
    position:relative;
    display:table;
    border:solid 1px #0F0;
    min-width:auto;
    max-width:960px;
    max-height:auto !important;
    margin: 0 auto;
}
#wbp_col {
    position:relative;
    display:table-row;
    width:320px;
    min-height:auto!important;
    border:1px solid #000;
    float:left;
    margin:0 0 0 0px;
    padding:0;
}
#wbp_row #threedtext {
    font-size:70px;
    max-height:auto !important;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    /*text-shadow: 0px 4px 0px rgba(82,82,82,.80),
             2px 4px 3px rgba(0, 0, 7, 0.50),
             3px 8px 3px rgba(0,0,0,.40),
             0px 12px 10px rgba(0,0,0,0.1);*/
    color: rgba(141, 198, 63, 1);
    padding:0;
    line-height:normal;
    overflow:auto;
    position:relative;
    border:1px solid #F00;
}

HTML 代码：

<section id="wbp_row">
<Section id="wbp_col">
    <p id="threedtext">Web</p>
</Section>
<!--Cols codes end-->
<Section id="wbp_col">
    <p id="threedtext">Brand</p>
</Section>
<!--Cols codes end-->
<Section id="wbp_col">
    <p id="threedtext">Print</p>
</Section>
<!--Cols codes end-->

【问题讨论】：

你的问题是什么老兄..？
“我重新发布这篇文章，因为没有找到任何合适的答案。” ——不要那样做。通过编辑现有问题来改进现有问题和/或获得足够的声誉以提供赏金。

标签： css html tags

【解决方案1】：

只需写下 css 规则：Demo

#wbp_row #threedtext { 
  margin:0; 
}
#wbp_col {
  position:relative;
  display:table-row;
  width:320px;
  min-height:auto!important;
  border:1px solid #000;
  clear:both;
  margin:0 0 0 0px;
  padding:0;
}

【讨论】：

感谢@era....您上面的代码可以正常工作并删除错误

【解决方案2】：

在#wbp_col处删除width:320px;

然后

将width:auto; 添加到#wbp_col

然后把margin:0给#wbp_row #threedtext

【讨论】：