Question

如何用css实现title属性的效果

在一个table中，用css设置了cell中溢出的部分用"..."省略号代替

如何用css实现鼠标指向该单元格后，显示出该单元格全部内容的效果。(类似于tittle属性的效果)

Answer 1

　　title
鼠标滑过时显示的文字提示，用户体验上很重要。当然不必要所有的img标签都加此属性，比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。

　　格式为：<img src="图片路径" alt="logo" title="首页" />

Answer 2

比如:
<script>
function display()
{
document.getElemenyById("tdcontent1").style.display="block";
}
function no()
{
document.getElemenyById("tdcontent1").style.display="none";
}
</script>
<table><tr><td id="td1" onmouseover="display();" onmouseout="no();">内容..</td></tr></table>

<div id="tdcontent1" style="display:none;position:absolute;left:120px;top:120px;">这里显示内容的全部内容</div>(让他绝对定位,可能会产生一定的误差)

Answer 3

首先做好单元格内的所有内容（鼠标经过时什么样就做成什么样），然后用margin-top:-100000px把它强制拖到看不到的位置，单元格上用一个hover，hover里面把margin写成正常值

Answer 4

用CSS还真不会..不过这几天我在学JS,用脚本语言实现我想会容易些..

Answer 5

Vue实践-CSS样式position/display/float属性对比使用