jquery表格左右拖动效果，表格内容过长不影响

最新推荐文章于 2022-05-23 16:26:00 发布

六月吃葡萄

最新推荐文章于 2022-05-23 16:26:00 发布

阅读量400

点赞数

文章标签： javascript jquery css

本文链接：https://blog.csdn.net/weixin_39503910/article/details/105096425

版权

html部分

<style>
table{table-layout: fixed;} 
td {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
</style>
<table id="normal" cellspacing="0" cellpadding="1" width="100%" border="1"> 
    <thead>
        <tr >
            <th>花名</th>
            <th>文本1</th>
            <th>文本2</th>
        </tr>
    </thead>
    <tbody> 
        <tr> 
            <td>向日葵</td> 
            <td>向日葵比较有朝气，让人看着心情会很好，是很适合送给朋友的花</td> 
            <td>送普通朋友向日葵，无论男女都可以送出的一种花。</td> 
        </tr> 
        <tr> 
            <td>康乃馨</td> 
            <td>康乃馨一直被称为“母亲之花”，象征着宽容慈祥和不求回报的母爱</td> 
            <td>送妈妈再好不过，如果在母亲生日当天给她一个爱的surprise</td> 
        </tr> 
        <tr> 
            <td