佚名
佚名

表格单元格内容超出时显示省略号效果(实现代码)

说明

在前端开发中，经常会遇到需要限制单元格宽度并且内容超出部分显示省略号的的情况。下面就简单的介绍下如何达到这种效果。

准备知识

1. 控制文本不换行

white-space: nowrap;

2. 超出长度时，出现省略号

overflow:hidden;

text-overflow:ellipsis

3. 修改表格布局算法

table-layout:fixed;table-layout的默认值为automatic，意思是列宽度由单元格内容设定。而fixed意思是列宽由表格宽度和列宽度设定。

也就是说当你给表格设定列宽时，实际情况是不起作用的，当单元格内容过多时，依然会把宽度撑开。如果需要让表格的列宽显示方式由自己给单元格定义的列宽决定，就必须使用fixed这个值。

注意：1、表格必须设置宽度 2、如果只设置表格宽度，而不设置列宽度的话，列的宽度会平均分配。

代码演示

如下代码所示，表格中安排了姓名、年龄、性别以及地址四列，这几个列的长度分别为10%、20%、30%、40%。

XML/HTML Code 复制内容到剪贴板
  1. >  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8" />  
  5.     <title>表格演示title>  
  6.     <style type="text/css">  
  7.         table{   
  8.             width: 100%;   
  9.             table-layout: fixed;   
  10.         }   
  11.         .name{   
  12.             width: 10%;   
  13.         }   
  14.         .age{   
  15.             width: 20%;   
  16.         }   
  17.         .sex{   
  18.             width: 30%;   
  19.         }   
  20.         .addr{   
  21.             width: 40%;   
  22.         }   
  23.            
  24.     style>  
  25. head>  
  26. <body>  
  27.     <table border="1" cellspacing="0" cellpadding="0">  
  28.         <thead>  
  29.             <tr>  
  30.                 <th class="name">姓名th>  
  31.                 <th class="age">年龄th>  
  32.                 <th class="sex">性别th>  
  33.                 <th class="addr">地址th>  
  34.             tr>  
  35.         thead>  
  36.         <tbody>  
  37.             <tr>  
  38.                 <td>李四td>  
  39.                 <td>13td>  
  40.                 <td>男td>  
  41.                 <td>山东td>  
  42.             tr>  
  43.             <tr>  
  44.                 <td>李四td>  
  45.                 <td>13td>  
  46.                 <td>男td>  
  47.                 <td>山东td>  
  48.             tr>  
  49.             <tr>  
  50.                 <td>李四td>  
  51.                 <td>13td>  
  52.                 <td>男td>  
  53.                 <td>山东td>  
  54.             tr>  
  55.         tbody>  
  56.     table>  
  57. body>  
  58. html>  

显示效果如下所示：

很容易可以看出，姓名、年龄、性别以及地址等列的长度分别是10%、20%、30%、40%。

如果将第一个的姓名内容增多，效果简直不忍直视（＞�n＜）！

表格单元格内容超出时显示省略号效果(实现代码)_第1张图片

不忍直视（＞�n＜）！！

表格单元格内容超出时显示省略号效果(实现代码)_第2张图片

 如何把单行内容超出部分显示为省略号呢？只需要将单元格设置如下属性：

XML/HTML Code 复制内容到剪贴板
  1. white-space: nowrap;/*控制单行显示*/   
  2. overflow: hidden;/*超出隐藏*/   
  3. text-overflow: ellipsis;/*隐藏的字符用省略号表示*/  

话不多说，上代码！
XML/HTML Code 复制内容到剪贴板
  1. >  
  2. <html lang="en">  
  3. <head>  
  4.     <meta charset="UTF-8" />  
  5.     <title>表格演示title>  
  6.     <style type="text/css">  
  7.         table{   
  8.             width: 100%;   
  9.             table-layout: fixed;   
  10.         }   
  11.         .name{   
  12.             width: 10%;   
  13.         }   
  14.         .age{   
  15.             width: 20%;   
  16.         }   
  17.         .sex{   
  18.             width: 30%;   
  19.         }   
  20.         .addr{   
  21.             width: 40%;   
  22.         }   
  23.         td{   
  24.             white-space: nowrap;/*控制单行显示*/   
  25.             overflow: hidden;/*超出隐藏*/   
  26.             text-overflow: ellipsis;/*隐藏的字符用省略号表示*/   
  27.         }   
  28.     style>  
  29. head>  
  30. <body>  
  31.     <table border="1" cellspacing="0" cellpadding="0">  
  32.         <thead>  
  33.             <tr>  
  34.                 <th class="name">姓名th>  
  35.                 <th class="age">年龄th>  
  36.                 <th class="sex">性别th>  
  37.                 <th class="addr">地址th>  
  38.             tr>  
  39.         thead>  
  40.         <tbody>  
  41.             <tr>  
  42.                 <td class="name2">李四ssssssssssssssssssssssssssssssssssstd>  
  43.                 <td>13td>  
  44.                 <td>男td>  
  45.                 <td>山东td>  
  46.             tr>  
  47.             <tr>  
  48.                 <td>李四td>  
  49.                 <td>13td>  
  50.                 <td>男td>  
  51.                 <td>山东td>  
  52.             tr>  
  53.             <tr>  
  54.                 <td>李四td>  
  55.                 <td>13td>  
  56.                 <td>男td>  
  57.                 <td>山东td>  
  58.             tr>  
  59.         tbody>  
  60.     table>  
  61. body>  
  62. html>  

修改后，效果如下：

以上这篇表格单元格内容超出时显示省略号效果(实现代码)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

你可能感兴趣的:(表格单元格内容超出时显示省略号效果(实现代码))

  • 【商城实战(22)】商城性能优化秘籍：从前端到后端的实战攻略 奔跑吧邓邓子 商城实战性能优化商城实战uniappSpringBootElementplusRedis缓存
    【商城实战】专栏重磅来袭！这是一份专为开发者与电商从业者打造的超详细指南。从项目基础搭建，运用uniapp、ElementPlus、SpringBoot搭建商城框架，到用户、商品、订单等核心模块开发，再到性能优化、安全加固、多端适配，乃至运营推广策略，102章内容层层递进。无论是想深入钻研技术细节，还是探寻商城运营之道，本专栏都能提供从0到1的系统讲解，助力你打造独具竞争力的电商平台，开启电商实战
  • Python csv库 xiaoming0018 pythonpython开发语言
    CSV文件又称为逗号分隔值文件，是一种通用的、相对简单的文件格式，用以存储表格数据，包括数字或者字符。CSV是电子表格和数据库中最常见的输入、输出文件格式，可参考《CSV介绍》。通过爬虫将数据抓取的下来，然后把数据保存在文件，或者数据库中，这个过程称为数据的持久化存储。本节介绍Python内置模块CSV的读写操作。CSV库Python中集成了专用于处理csv文件的库，名为：csv。csv库中有4个
  • HarmonyOS开发之组件通信 张帅涛_666 HarmonyOS开发harmonyos深度学习
    文章目录一、使用@State和@Prop（单向绑定）二、使用@State和@Link（双向绑定）三、@Provide装饰器和@Consume装饰器（跨层级通信）一、使用@State和@Prop（单向绑定）@Prop装饰器：父子单向同步限制条件@Prop装饰器不能在@Entry装饰的自定义组件中使用@Prop变量允许在本地修改，但修改后的变化不会同步回父组件当父组件中数据改变时，与之相关的@Prop
  • 【漏洞复现】泛微OA E-Office /iweboffice/officeserver.php 多个参数存在任意文件读取漏洞 0x0000001 漏洞复现php开发语言网络安全web安全渗透测试网络安全
    免责声明：本文旨在提供有关特定漏洞的信息，以帮助用户了解潜在风险。发布此信息旨在促进网络安全意识和技术进步，并非出于恶意。读者应理解，利用本文提到的漏洞或进行相关测试可能违反法律或服务协议。未经授权访问系统、网络或应用程序可能导致法律责任或严重后果。作者对读者基于本文内容的行为不承担责任。读者在使用信息时必须遵守适用法律法规和服务协议，独自承担所有风险和责任。如有侵权，请联系删除。漏洞描述泛微OA
  • 鸿蒙开发List组件 wMeng_0923 华为鸿蒙harmonyos
    1.List组件1.1、List组件可以用来展示一个列表，并且实现列表滚动，滚动的前提是子组件展示的内容的宽/高超过父组件设定的宽/高。1.2、子组件：子组件仅支持ListItem、ListItemGroup；ListItem组件内只能包含一个子组件，此时若有多个不同的内容需要展示，可以使用例如Column/Row容器组件进行嵌套。ListItemGroup组件的子组件只能是ListItem组件，
  • DeepSeek多语言智能创作引擎解析 智能计算研究中心 其他
    内容概要在人工智能技术加速演进的背景下，DeepSeek系列产品通过混合专家架构（MoE）与670亿参数的协同设计，构建了多模态智能创作引擎的核心竞争力。该系统依托动态路由机制，将视觉语言理解模块与多语言处理单元进行深度耦合，使模型在解析图文混合信息时展现出超越单一模态的认知能力。尤为突出的是，其分层参数激活策略将推理成本降低至传统密集模型的38%，同时维持了95%以上的任务完成精度。行业分析机构
  • 大模型工程师学习日记（十四）：检索增强生成（RAG） MMMMMMMay Love Code 学习langchain深度学习人工智能开发语言
    如何递归分割文本递归分割(recursively)，这个文本分割器是用于通用文本的推荐工具。它接受一个字符列表作为参数。它会按顺序尝试在这些字符上进行分割，直到块足够小。默认的字符列表是["\n\n","\n","",""]。这样做的效果是尽可能保持所有段落（然后是句子，再然后是单词）在一起，因为这些通常看起来是语义上相关的文本块。文本如何分割：根据字符列表。块大小如何衡量：根据字符数量。下面我们
  • IOS兼容 - uniapp ios固定定位失效与刘海屏的坑 月白星兮 iosuni-appcocoa
    问题描述uniapp一套代码，打包之后安卓可以正常显示版本号，IOS不可以错误现象：IOS只有滚动到屏幕底部才能看到版本号原因分析：IOS设计更希望屏幕跟随着用户滚动而滚动，所以无法实现相对浏览器窗口的固定定位。IOS实现的功能是相对最近的允许滚动的元素定位，且不能遮罩滚动元素的兄弟吉父元素的兄弟元素。一般情况：固定定位是相对于浏览器窗口，且可以使页面中的某个元素不随浏览器的滚动而消失IOS固定定
  • Python 爬虫：一文掌握 SVG 映射反爬虫 数据知道 2025年爬虫和逆向教程python爬虫microsoft爬虫逆向数据采集
    更多内容请见：爬虫和逆向教程-专栏介绍和目录文章目录1.SVG概述1.1SVG的优点1.1映射反爬虫的原理2.SVG映射反爬虫的示例3.应对SVG映射反爬虫的方法3.1解析SVG图像3.2处理自定义字体3.3使用OCR技术3.4动态生成SVG的处理4.实战案例4.1使用SVG映射显示价格4.2解析SVG文件并提取其中的内容和属性4.3模拟交互行为4.4使用无头浏览器4.5某网站使用SVG实现动态验
  • C# 技术使用笔记：泛型的使用方法 caifox菜狐狸 C#技术使用笔记c#笔记开发语言泛型List装箱拆箱
    1.泛型基础1.1泛型的定义与作用泛型是C#语言中一个非常强大且常用的特性，它允许在编写代码时使用类型参数来创建类、方法或接口，而不需要在编写代码时指定具体的类型。类型参数可以是任何类型，直到代码实际执行时，类型才会被确定。例如，常见的泛型类List，其中T就是类型参数，可以是int、string、自定义类Person等。使用泛型的主要好处包括：类型安全：编译器会确保类型安全，避免了运行时的类型转
  • Python 潮流周刊#93：为什么“if not list”比len()快2倍？（摘要） python
    本周刊由Python猫出品，精心筛选国内外的250+信息源，为你挑选最值得分享的文章、教程、开源项目、软件工具、播客和视频、热门话题等内容。愿景：帮助所有读者精进Python技术，并增长职业和副业的收入。分享了12篇文章，12个开源项目以下是本期摘要：文章&教程①为什么Python中'ifnotlist'比len()快2倍？②掌握Python单体代码库③Python3.14尾调用解释器的性能④Py
  • DeepSeek：中国大模型 “破壁者” 引发的四大产业地震 赵同学爱学习 人工智能chatgptDeepSeek语言模型大模型开源
    导语：当全球AI产业还在为GPT-4的1750亿参数惊叹时，中国团队DeepSeek以颠覆性创新撕开了大模型领域的“铁幕”。这款首个引发国际学术界集体关注的中文大模型，正从技术底层重构产业规则，其冲击波已蔓延至硬件、软件、商业模式的每个角落。一、算力霸权瓦解：低成本训推技术改写游戏规则1.1训练成本“悬崖式下降”DeepSeek通过混合专家架构（MoE）动态路由算法，在同等效果下将模型激活参数压缩
  • 数组作为HashMap的键 南京鼎山电子设备维修张师傅 学习Java的一些记录java算法开发语言
    1、数组的hashcode是根据地址引用计算的。2、Arrays.hashcode静态方法能够根据数组的内容创建相应的hashcode。3、hashmap用数组做key时用的是地址引用计算的的hashcode，所以应避免使用数组为键。如果一定要用数组来作为map的key值的话，有两种方法：1，将数组转化为string2，用list代替记录自：力扣-剑指OfferII033.变位词组，链接力扣。
  • Java：AI 浪潮中的隐形支柱 —— 探秘 Java 在人工智能领域的独特地位 琢磨先生David 人工智能
    引言在人工智能技术席卷全球的今天，当人们谈论AI开发时，Python、R语言、C++等工具总是最先被提及。然而在这个充满创新的领域，有一个"老兵"正悄然发挥着不可替代的作用——自1995年诞生至今的Java语言，凭借其独特的工程化基因，正在构建起AI世界的底层基础设施。本文将揭示Java如何在大数据、机器学习、企业级AI系统等领域持续创造价值。一、Java的AI基因解码跨平台优势的现代意义"一次编
  • 使用STM32实现LCD显示 粉绿色的西瓜大大 stm32单片机嵌入式硬件
    实现LCD显示内容的关键是通过STM32控制LCD的驱动芯片，将要显示的内容以二进制的方式发送给驱动芯片，然后由驱动芯片控制液晶屏幕显示。下面是一个使用STM32实现LCD显示内容的简单案例，详细说明如下：硬件准备：准备一块STM32开发板和一个带有驱动芯片的LCD屏幕。将LCD屏幕与STM32开发板通过引脚连接。引入必要的库文件：在代码中引入STM32的相关库文件，这些库文件包含了对STM32的
  • 浏览器中输入 URL 到显示主页的完整过程 27xixi java高频java
    在浏览器中输入URL到显示主页的完整过程涉及网络通信、资源加载、渲染引擎协作等多个环节。以下是详细步骤：URL解析输入处理：浏览器解析URL格式（协议、域名、路径、参数等），若未指定协议（如直接输入example.com），默认补全为http://或https://。安全检查：检查地址合法性（如屏蔽恶意域名）。DNS解析将域名转换为IP地址：本地缓存查询浏览器缓存→系统hosts文件→路由器缓存→
  • Java volatile 关键字详解 27xixi java高频java单例模式开发语言
    Javavolatile关键字详解1.volatile的作用与原理可见性保证：volatile修饰的变量在修改后，会立即同步到主内存，其他线程读取时直接从主内存获取最新值，确保多线程环境下的可见性。例如：volatilebooleanflag=false;当线程A修改flag为true后，线程B能立即感知到变化。禁止指令重排序：volatile通过插入内存屏障（MemoryBarrier）禁止编译
  • C++程序设计语言笔记——抽象机制：泛型程序设计 钺不言 C++笔记c++笔记开发语言经验分享
    0模板可传递实参类型而不丢失信息。在C++中，模板传递实参类型时保留所有类型信息的关键在于正确使用引用和转发机制。以下是几种常见场景的解决方案：1.使用万能引用（UniversalReference）和完美转发通过T&&捕获任意类型的引用（左值/右值），结合std::forward保留原始类型信息：templatevoidwrapper(T&&arg){//完美转发，保留所有类型信息（包括cons
  • 论零信任架构在现代网络安全中的变革性作用 烁月_o9 安全web安全网络
    论零信任架构在现代网络安全中的变革性作用摘要本文深入探讨零信任架构（ZTA）在网络安全领域的关键地位与创新价值。通过分析传统网络安全模型的局限性，阐述ZTA的核心原则、技术组件及实践应用，揭示其在应对复杂多变的网络威胁时，如何重塑安全理念与防护模式，为保障组织数字资产安全提供前瞻性的策略与方法。一、引言在数字化浪潮席卷全球的当下，网络边界的模糊性使传统基于边界防御的安全模型捉襟见肘。零信任架构应运
  • 使用DeepSeek自动生成PPT：高效办公的终极指南 点我头像干啥 Ai人工智能信息可视化深度学习
    引言在现代职场中，PPT（PowerPoint演示文稿）已经成为沟通、展示和分享想法的重要工具。然而，制作一份高质量的PPT往往需要耗费大量时间和精力，尤其是在内容整理、排版设计和样式调整方面。幸运的是，随着人工智能技术的发展，像DeepSeek这样的工具可以帮助我们自动化生成PPT，极大地提升工作效率。本文将详细介绍如何使用DeepSeek自动生成PPT，并分享一些实用技巧，帮助你快速上手。一、
  • SvelteKit 最新中文文档教程（3）—— 数据加载
    前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。从Svelte诞生之初，就备受开发者的喜爱，根据统计，从2019年到2024年，连续6年一直是开发者最感兴趣的前端框架No.1：Svelte以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级Web项目。为了帮助大家学习Svelte，我同时搭建了Svelte最新的中文文档站点。如果需要进阶学习，也可以入手我
  • PHP 日志系统的最佳搭档：一个 Go 写的远程日志收集服务 phpgo日志分析
    之前折腾了一个PHP日志系统，终于能让项目的错误信息乖乖地记录到日志里了。但问题又来了：日志是存了，可我怎么知道它什么时候爆炸了？有些错误轻微到无关紧要，有些错误严重到能把整个系统送走，但如果我要知道这些错误，我得SSH进服务器，然后手动去翻日志，效率低得要死。而且，多个服务器运行着同样的代码，有的报错，有的没事，我根本不知道到底哪里出了问题。于是，为了在bug出现的时候第一时间收到消息，而不是等
  • 从底层到实践：深度解析 Vue Composition API 与 React Hooks 的异同
    一、设计哲学与底层原理差异1.1响应式系统的基因差异Vue3的CompositionAPI建立在Proxy-based响应式系统之上，通过劫持对象的getter/setter实现依赖收集。当访问响应式对象时，Vue会自动建立组件与数据的依赖关系。//Vue响应式原理简版实现functionreactive(obj){returnnewProxy(obj,{get(target,key){track
  • 深入理解cocotb的Timing Model (一) 数据库github
    写在前面达坦科技即将开源的100GRDMARTL代码采用cocotb对其功能进行验证。因此，本文预先介绍一些cocotb验证框架相关的内容，希望以此抛砖引玉，引起大家对基于cocotb的敏捷验证的相关讨论交流。关于Cocotb的话题，会有一系列文章进行讨论，本篇是此系列的第一篇，欢迎大家关注达坦科技公众号，第一时间阅读最新文章。01、抛出问题在使用cocotb编写测试脚本时，大家肯定对类似awai
  • python opencv轮廓检测_python opencv中的不规则形状检测和测量 weixin_39584529 pythonopencv轮廓检测
    正如我在评论中提到的那样,对于这个问题,分水岭似乎是一个很好的方法.但是当你回答时,定义标记的前景和背景是困难的部分！我的想法是使用形态梯度沿着冰晶获得良好的边缘并从那里开始工作;形态梯度似乎很有效.importnumpyasnpimportcv2img=cv2.imread('image.png')blur=cv2.GaussianBlur(img,(7,7),2)h,w=img.shape[:
  • 【DuodooTEKr】 基于Python+OCR+DeepSeek的英国购物小票识别系统开发实战 邹工拆解甲方需求 风吟九宵Odoo18开源Duodoo开源人工智能物联网制造开源python
    作者：Odoo技术开发/资深信息化负责人日期：2025年3月11日本方案从甲方信息化负责人视角，分析梳理现状，并给出代码开发案例。一、行业现状与痛点分析1.英国零售业数字化现状根据英国零售协会（BRC）2023年度报告显示：英国年均纸质小票签发量达78亿张87%的企业仍采用人工录入方式处理小票数据零售业每年因小票管理产生的直接成本超12亿英镑2.传统小票管理痛点数据孤岛问题：门店POS系统、财务系
  • flutter 跑马灯+渐变透明度背景 烟花下的孤独 flutterdartflutter
    之前也是记录了很多小组件的实现，这次把所有代码都给放到这里吧这是效果：数据（后台数据，不过我这是没的，不要在意这些小细节，忽略吧）Http().post(url,pathParams:params,data:params,success:(json){studyModel=FindStudyModel.fromJson(json);},errorCallback:(error){print('er
  • ARM SVC指令 小米人er 我的博客arm开发
    在ARM汇编中，SVC（SupervisorCall）指令用于从用户模式切换到特权模式（如Supervisor模式），以便执行操作系统内核提供的服务。它通常用于系统调用。具体作用触发异常：执行SVC指令时，处理器会进入Supervisor模式，并跳转到异常向量表中的SVC异常处理程序。传递参数：SVC指令后的立即数可作为参数传递给异常处理程序，帮助识别具体的系统调用。语法SVC#是一个24位的立即
  • Flutter 高级用法完全指南：从状态管理到性能优化，打造高效灵活的跨平台应用 tangweiguo03051987 Flutterflutter
    以下是重新整理后的Flutter高级用法完整指南，包含详细讲解和优化后的代码示例，涵盖状态管理、自定义绘制、动画、平台交互、性能优化、插件开发等内容。1.状态管理（StateManagement）状态管理是Flutter开发中的核心问题之一。Flutter提供了多种状态管理方案，适合不同复杂度的应用场景。1.1ProviderProvider是官方推荐的状态管理工具，基于InheritedWidg
  • Mahilo技术深度解析：构建下一代人机协同智能系统的开源框架 花生糖@ AIGC学习资料库开源智能体mahilo
    一、框架定位与技术突破Mahilo作为2025年最受关注的多智能体协作框架，其创新性在于实现了人机协同的闭环控制与智能体自主协作的动态平衡。根据GitHub仓库数据显示，该框架在开源首周即获得3.2k星标，在医疗、金融、工业等领域的15个场景验证中，任务执行效率提升58%。核心技术创新混合通信协议：支持点对点(P2P)与层级式通信的灵活切换，在911紧急响应场景测试中，医疗/物流/通信智能体的协作
  • 二分查找排序算法 周凡杨 java二分查找排序算法折半
    一：概念 二分查找又称 折半查找（ 折半搜索/ 二分搜索），优点是比较次数少，查找速度快，平均性能好；其缺点是要求待查表为有序表，且插入删除困难。因此，折半查找方法适用于不经常变动而 查找频繁的有序列表。首先，假设表中元素是按升序排列，将表中间位置记录的关键字与查找关键字比较，如果两者相等，则查找成功；否则利用中间位置记录将表 分成前、后两个子表，如果中间位置记录的关键字大于查找关键字，则进一步
  • java中的BigDecimal bijian1013 javaBigDecimal
            在项目开发过程中出现精度丢失问题，查资料用BigDecimal解决，并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习，特转载。         原文地址：http://blog.csdn.net/ugg/article/de
  • Shell echo命令详解 daizj echoshell
    Shell echo命令 Shell 的 echo 指令与 PHP 的 echo 指令类似，都是用于字符串的输出。命令格式： echo string 您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串: echo "It is a test" 这里的双引号完全可以省略，以下命令与上面实例效果一致： echo Itis a test 2.显示转义
  • Oracle DBA 简单操作 周凡杨 oracle dba sql
    --执行次数多的SQL select sql_text,executions from (      select sql_text,executions from v$sqlarea order by executions desc      ) where rownum<81;  &nb
  • 画图重绘 朱辉辉33 游戏
      我第一次接触重绘是编写五子棋小游戏的时候，因为游戏里的棋盘是用线绘制的，而这些东西并不在系统自带的重绘里，所以在移动窗体时，棋盘并不会重绘出来。所以我们要重写系统的重绘方法。   在重写系统重绘方法时，我们要注意一定要调用父类的重绘方法，即加上super.paint(g)，因为如果不调用父类的重绘方式，重写后会把父类的重绘覆盖掉，而父类的重绘方法是绘制画布，这样就导致我们
  • 线程之初体验 西蜀石兰 线程
    一直觉得多线程是学Java的一个分水岭，懂多线程才算入门。 之前看《编程思想》的多线程章节，看的云里雾里，知道线程类有哪几个方法，却依旧不知道线程到底是什么？书上都写线程是进程的模块，共享线程的资源，可是这跟多线程编程有毛线的关系，呜呜。。。 线程其实也是用户自定义的任务，不要过多的强调线程的属性，而忽略了线程最基本的属性。 你可以在线程类的run()方法中定义自己的任务，就跟正常的Ja
  • linux集群互相免登陆配置 林鹤霄 linux
    配置ssh免登陆 1、生成秘钥和公钥    ssh-keygen -t rsa 2、提示让你输入，什么都不输，三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub    其中id_rsa为秘钥，id_rsa.pub为公钥，使用公钥加密的数据只有私钥才能对这些数据解密    c
  • mysql : Lock wait timeout exceeded; try restarting transaction aigo mysql
    原文：http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html   原因是你使用的InnoDB   表类型的时候, 默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s, 因为有的锁等待超过了这个时间,所以抱错.   你可以把这个时间加长,或者优化存储
  • Socket编程 基本的聊天实现。 alleni123 socket
    public class Server { //用来存储所有连接上来的客户 private List<ServerThread> clients; public static void main(String[] args) { Server s = new Server(); s.startServer(9988); } publi
  • 多线程监听器事件模式(一个简单的例子) 百合不是茶 线程监听模式
        多线程的事件监听器模式   监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到        创建多线程的事件监听器模式 思路:    1, 创建线程并启动,在创建线程的位置设置一个标记     2,创建队
  • spring InitializingBean接口 bijian1013 javaspring
    spring的事务的TransactionTemplate，其源码如下： public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{ ... } TransactionTemplate继承了DefaultT
  • Oracle中询表的权限被授予给了哪些用户 bijian1013 oracle数据库权限
            Oracle查询表将权限赋给了哪些用户的SQL，以备查用。 select t.table_name as "表名", t.grantee as "被授权的属组", t.owner as "对象所在的属组"
  • 【Struts2五】Struts2 参数传值 bit1129 struts2
    Struts2中参数传值的3种情况 1.请求参数绑定到Action的实例字段上 2.Action将值传递到转发的视图上 3.Action将值传递到重定向的视图上   一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上 Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上，绑定的规则使用ognl表达式语言
  • 【Kafka十四】关于auto.offset.reset[Q/A] bit1129 kafka
    I got serveral questions about  auto.offset.reset. This configuration parameter governs how  consumer read the message from  Kafka when  there is no initial offset in ZooKeeper or
  • nginx gzip压缩配置 ronin47 nginx gzip 压缩范例
    nginx gzip压缩配置 更多 0 nginx gzip 配置   随着nginx的发展，越来越多的网站使用nginx，因此nginx的优化变得越来越重要，今天我们来看看nginx的gzip压缩到底是怎么压缩的呢？ gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用
  • java-13.输入一个单向链表，输出该链表中倒数第 k 个节点 bylijinnan java
    two cursors. Make the first cursor go K steps first. /* * 第 13 题：题目：输入一个单向链表，输出该链表中倒数第 k 个节点 */ public void displayKthItemsBackWard(ListNode head,int k){ ListNode p1=head,p2=head;
  • Spring源码学习-JdbcTemplate queryForObject bylijinnan javaspring
    JdbcTemplate中有两个可能会混淆的queryForObject方法： 1. Object queryForObject(String sql, Object[] args, Class requiredType) 2. Object queryForObject(String sql, Object[] args, RowMapper rowMapper) 第1个方法是只查
  • [冰川时代]在冰川时代,我们需要什么样的技术? comsci 技术
         看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?      那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...   &nb
  • js 获取浏览器型号 cuityang js浏览器
    根据浏览器获取iphone和apk的下载地址 <!DOCTYPE html> <html> <head>     <meta charset="utf-8" content="text/html"/>     <meta name=
  • C# socks5详解 转 dalan_123 socketC#
    http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html  这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯，Socket4的实现是类似的，注意的事，这里不是讲用C#实现一个代理服务器，因为实现一个代理服务器需要实现很多协议，头大，而且现在市面上有很多现成的代理服务器用，性能又好，
  • 运维 Centos问题汇总 dcj3sjt126com 云主机
    一、sh 脚本不执行的原因 sh脚本不执行的原因 只有2个 1.权限不够 2.sh脚本里路径没写完整。   二、解决You have new mail in /var/spool/mail/root 修改/usr/share/logwatch/default.conf/logwatch.conf配置文件 MailTo = MailFrom   三、查询连接数
  • Yii防注入攻击笔记 dcj3sjt126com sqlWEB安全yii
    网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查，可以使用正则表达式或者直接输入字符判断，大部分是只允许输入字母和数字的，其它字符度不允许；对于内容复杂表单的内容，应该对html和script的符号进行转义替换：尤其是<,>,',"",&这几个符号 这里有个转义对照表： http://blog.csdn.net/xinzhu1990/articl
  • MongoDB简介[一] eksliang mongodbMongoDB简介
    MongoDB简介 转载请出自出处：http://eksliang.iteye.com/blog/2173288 1.1易于使用        MongoDB是一个面向文档的数据库，而不是关系型数据库。与关系型数据库相比，面向文档的数据库不再有行的概念，取而代之的是更为灵活的“文档”模型。        另外，不
  • zookeeper windows 入门安装和测试 greemranqq zookeeper安装分布式
    一、序言       以下是我对zookeeper 的一些理解：      zookeeper 作为一个服务注册信息存储的管理工具，好吧，这样说得很抽象，我们举个“栗子”。       栗子1号：       假设我是一家KTV的老板，我同时拥有5家KTV，我肯定得时刻监视
  • Spring之使用事务缘由(2-注解实现) ihuning spring
      Spring事务注解实现   1. 依赖包：     1.1 spring包：           spring-beans-4.0.0.RELEASE.jar           spring-context-4.0.0.
  • iOS App Launch Option 啸笑天 option
    iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:，其中第二个参数launchOptions为NSDictionary类型的对象，里面存储有此程序启动的原因。   launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节 。 1、若用户直接
  • jdk与jre的区别（_） macroli javajvmjdk
    简单的说JDK是面向开发人员使用的SDK，它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包，可以包括函数库、编译程序等。  JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境，是面向Java程序的使用者，而不是开发者。 如果安装了JDK，会发同你
  • Updates were rejected because the tip of your current branch is behind qiaolevip 学习永无止境每天进步一点点众观千象git
    $ git push joe prod-2295-1 To [email protected]:joe.le/dr-frontend.git ! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward) error: failed to push some refs to '[email protected]
  • [一起学Hive]之十四-Hive的元数据表结构详解 superlxw1234 hivehive元数据结构
    关键字：Hive元数据、Hive元数据表结构   之前在 “[一起学Hive]之一–Hive概述，Hive是什么”中介绍过，Hive自己维护了一套元数据，用户通过HQL查询时候，Hive首先需要结合元数据，将HQL翻译成MapReduce去执行。 本文介绍一下Hive元数据中重要的一些表结构及用途，以Hive0.13为例。   文章最后面，会以一个示例来全面了解一下，
  • Spring 3.2.14，4.1.7，4.2.RC2发布 wiselyman Spring 3
      Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。   其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止)，后续会继续根据需求和bug发布维护版本。此时，Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。   其中Spring 4.1.7主要包含这些更新内容。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他