Question

我试图解决这个问题一段时间但没有成功。我有一个嵌套跨度的锚标记来生成tool_tip。此tool_tip位于th标签中。问题是白色空间属性在跨度中继承。所以文本超出了范围。 white-space:normal !important不会覆盖white-space:nowrap

table.fieldList th
{
   color: #000; 
   height: 15px; 
   padding-left: 5px; 
   vertical-align: bottom;
   border-bottom: 1px solid #1133AA;
   text-align: left;
   font-weight: bold;
   white-space:nowrap;
}

a.tool_tip
{
   text-decoration:none;
   cursor:pointer;
}

a.tool_tip  span
{
   display: none;
}

a.tool_tip :hover span 
{
   position: absolute;
   height: 30px;
   text-align:left;
   width: 200px;
   font-style: normal;
   margin-left: 0px;
   padding: 0px;
   padding-left: 3px;
   display: inline;
   white-space: normal!important;
   z-index: 12;
   margin-top:20px;
}

a.tool_tip :hover span span
{
   background: white;
   border: solid 1px #004b8d;
   border-right-width: 3px;
   width: 200px;
   margin: 0px;
   padding: 2px;
   height: auto;
   display: block;
   white-space: normal!important;
   z-index: 13;
   font-weight: normal!important;
   text-decoration:none;
}

Answer 1

试图重现，但它通常包裹着我：http://jsfiddle.net/bATXN/

P.S。问题中的片段在：hover（“a.tool_tip：hover”）之前有空格。我必须删除它以使代码工作。也许这就是问题的原因。

css white-space不继承

1 个答案: