Question

如何设置 ：文字超出时用省略号代替在鼠标指向显示全部

相关源代码为：
<tr>
<td class="enlReq"> Current Industry</td>
<td><span class=inpPop ><a id=btnCurrentTrade class=btnCommon href="javascript:void(0)" name=btnCurrentTrade ><b>Please Select Current Industry</b></a></span>
<input name="txt_CurrentTrade" type="text" id="txt_CurrentTrade" style="color:Red;display:none; " />
</td>
</tr>
相关css为：
.choiceLst UL LI LABEL {
margin: 2px 0px 0px 0px; display: inline; float: left; CURSOR: pointer;width: 175px; text-overflow: ellipsis; white-space: nowrap; height: 22px; overflow: hidden;
}
目前是可以显示省略号，如何鼠标放在省略号上时可以显示全部的文字

Answer 1

<label title="xxxxxxxxoooooooo">xxxxxxxxoooooooo</label>

追问

加在哪里，怎么加，是直接修改上面的代码么。大神指教呀

追答

你写的html我怎么没发现给你写的css有对应关系，你是不是贴错了

追问

没有，那个css比较复杂，关联的太多，但是我是修改了这个，出现省略号的，所以只贴了这个

追答

你给带省略号的那个标签价格属性title，属性值就是你标签都文本。这样就行了

追问

图片是上面的样子，是我通过系统管理中心里面输入得，会变化的增加或者减少，不知道怎么弄

追答

.text{width: 100px;border: 1px solid green;padding: 6px 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

<p class="text" title="这是里显示的文本,超出隐藏，显示省略号">这是里显示的文本,超出隐藏，显示省略号</p>

这个是原生写法，你也可以用类似qtip2之类的jq插件实现这种效果，显示会更加美观些。

追问

原生的写法可能不适用，因为里面的内容都是管理中心里面设计好输入格式，手动输入的，不是改代码的，将来增加减少的话都很麻烦。
jp插件内的有案例或者样本么