CSS 鼠标移入显示提示说明文本

1. 在需要使用的地方写上 html

<!--i标签可以替换为其它标签，data-title为需要显示的文本信息-->
<i class="fa fa-info-circle" data-title="陆雪芹陆雪芹陆雪芹陆雪芹"></i> 

2.添加CSS

.fa-info-circle {
        margin-left: 4px;
        position: relative;
    }

.fa-info-circle:hover::after {
		content: attr(data-title);
  	    display: inline-block;
        padding: 10px 14px;
        border: 1px solid #ddd;
        border-radius: 5px;
        color: #333;
        background-color: #EEE;
        position: fixed;   (如果位置不对用absolute)
        width: 250px;
        line-height:18px;
        white-space: pre-wrap;
    }