让文字自动适应Table宽度

最新推荐文章于 2023-12-07 11:03:23 发布
最新推荐文章于 2023-12-07 11:03:23 发布
阅读量789 收藏
点赞数
文章标签： table mozilla html ie border class

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>

<style>
 .ctl{
   table-layout:fixed
 }
  .ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px}
</style>
</HEAD>

<BODY>
 <table cellSpacing="0" cellpadding="1" width="100%" class="ctl" border=1>
  <colgroup>
   <col>
   <col width="60">
  </colgroup>
  <tBody>
   <tr>
  <td>小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计</td>
  <td>(1/1)</td>
   </tr>
    <tr>
  <td>小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计</td>
  <td>(1/1)</td>
   </tr>
   <tr>
  <td>小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计</td>
  <td>(1/1)</td>
   </tr>
   <tr>
  <td>小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计小崔设计</td>
  <td>(1/1)</td>
   </tr>
 </tBody>
 </table>
</BODY>
</HTML>

说明：
table-layout:fixed 固定布局的算法,则表格被呈递的默认宽度为 100% (For IE,Mozilla)
text-overflow:ellipsis 当对象内文本溢出时显示省略标记(...) (For IE)
overflow:hidden 不显示超过对象尺寸的内容 (For IE,Mozilla)
white-space: nowrap 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象 (For IE,Mozilla)
 

转自：
http://www.xiaocui.cn/blog/article.asp?id=177

txz2003
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
LaTex表格--长表格和长宽调整
kejistudy的博客
11-22 1万+
一个简单实例 最简单的longtable使用跟table一样，下面给出一个简单的实例。 \documentclass[twoside,12pt]{article} \usepackage{longtable} \begin{document} % An illustration of longtable \begin{longtable}{|c|c|r|r|r|r|r|r|r|l|} \caption{caption} \label{table:label} \\ % add \\ comman.
让文字自动适应表格宽度(CSS)
每天提高一点点
09-12 5201
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">HTML>HEAD>TITLE> New Document TITLE>style>... .auto_arrange{...}{ table-layout:fixed } .auto_arrange td{...}{text-overflow:ellipsis;overfl
latex中longtable双栏换页、表格和标题宽度设置
weixin_41657064的博客
02-09 5852
\setlength{\tabcolsep}{5.2mm}{ %set the table width \setlength{\LTcapwidth}{7in} %set the table caption width \begin{longtable*}{cccccccc} \caption{\label{tab:table1} $\gamma$-ray energies, excitation energies, relative $\gamma$-ray intensities, ADO ra.
Latex 让表格宽度与文本宽度相同
北国觅梦
12-04 8500
参考链接：latex 让表格宽度与文本宽度相同_天天向上的专栏-CSDN博客_latex表格与页面同宽使用 tabular*， \hzise 或 \textwidth， 然后加上一些奇怪的符号。举例：\begin{table}[!ht]\caption{Parameter values}\label{tab:parametervalues}\begin{tabular*}{\hsize}{@{}@{\extracolsep{\fill}}lllllllllllll@{}}\top...https://bl.
html 实现一个表头固定、列表可滚动、宽度自适应、文字自动换行的table
最新发布
weixin_44463883的博客
12-07 1209
html 实现一个表头固定、列表可滚动、宽度自适应、文字自动换行的table。
设置table中的宽度不随文字改变让其固定
09-28
1. 超过宽度和高度的文字自动隐藏： ```html ; height: 25px; overflow-x: hidden; overflow-y: hidden;"> 长文本内容... ``` 2. 设置了td的宽度，超过长度自动换行： ```html ; word-wrap: break-word;...
jsp页面Table自动换行
04-14
表格的换行可以通过调整`width`属性，或者使用CSS的`display`属性（如`table-cell`）来实现。 2. **CSS布局**：在JSP中，可以使用CSS来控制表格的样式，包括自动换行。例如，使用`word-wrap: break-word;`可以使...
CSS+Table图文混排中实现文本自适应图片宽度（超简单+跨所有浏览器）
09-06
这里我们将探讨如何解决在table元素中图片与文字混排时，文本能够自动适应图片宽度的问题，同时兼容所有主流浏览器。 首先，问题的背景是在一个table中，上一行显示图片，下一行显示与图片相关的描述文字。当图片...
通过css属性margin:auto让Div中的Table居中
09-25
但要记住，这种方法依赖于元素有固定的宽度，对于响应式设计，可能需要根据不同的屏幕尺寸调整宽度，以保持居中效果。同时，随着现代CSS布局技术的发展，如Flexbox和Grid，它们提供了更灵活的布局解决方案，可以考虑...
uni-app table表格
10-26
8. **响应式布局**：uni-app支持响应式布局，`table`组件在不同设备上可以自动调整适应屏幕大小。 在`no-bad-table`的实践中，可能包括以下几点： 1. **避免性能问题**：当数据量大时，一次性加载所有数据可能导致...
table单元格宽度一致_怎么设置table(表格)手机端自适应宽度
weixin_34581086的博客
02-04 2688
我们在wordpress文章页面经常会用到表格，有些是从其他网页或者文档复制粘贴过来的，在电脑设备网页上都能很好的展示，但是在移动设备上或者低分辨率设备上却经常撑破列宽，很是影响美观和客户体验。这里就这个问题分享一下解决的方法。以下面这个表格为例：表格范例-周杰伦jay专辑《范特西》专辑曲目正确的(自适应宽度)代码如下：周杰伦jay专辑《范特西》专辑曲目序号曲名作词作曲编曲……可以看到上面代码中关...
table的字适应问题
紫色星空
12-19 364
在table标签外层添加div,设置样式style="width:expression(document.body.clientWidth + 'px')"就可以设置table自适应屏幕                 月本息           月本金           月利息           罚息           还款日期          
table 文字自适应
lein_wang的专栏
11-10 1517
 关键样式:        table-layout:fixed 固定布局的算法,则表格被呈递的默认宽度为 100% (For IE,Mozilla)        text-overflow:ellipsis 当对象内文本溢出时显示省略标记(...) (For IE)        overflow:hidden 不显示超过对象尺寸的内容 (For IE,Mozilla)
table宽度一样宽_table 宽100% td如何宽度随文字自适应？
weixin_30670123的博客
12-24 1534
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">table* {margin: 0;padding: 0;}header {height:40px;background: red;box-sizing: border-box;font...
html 使表格随着内容自动适应宽度
热门推荐
liuhongwei_study的专栏
12-02 8万+
所谓难而不会,会儿不难.这个问题让我纠结了很长时间,一句css解决了,仅仅靠一个属性 td { white-space: nowrap; }
字体大小自适应纯css解决方案
weixin_33797791的博客
07-04 4523
viewpoint css3提供了一些与当前viewpoint相关的元素，vw，vh，vim等。 “viewpoint” = window size vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, 最小 1vmax = 1vw or 1vh, 最大 兼容性：chrome 2...
element table 宽度自适应平分及表头字体大小更改
随便记记
01-29 9335
宽度自适应平分： 不要设置  width="110px" OLD:&lt;el-table-column prop="login_id" width="110px" align="center" label="工号"&gt; &lt;/el-table-column&gt; NEW:&lt;el-table-column prop="login_id&q
layui table表头宽度小自动换行
08-30
要让layui table表头宽度小自动换行，可以通过设置CSS样式来实现。具体方法如下： 1. 找到表头所在的元素，一般是class为layui-table-box的div。 2. 给这个元素设置CSS样式：white-space: normal; word-break: ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值