<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>omiga &#187; td</title>
	<atom:link href="http://omiga.org/blog/archives/tag/td/feed" rel="self" type="application/rss+xml" />
	<link>http://omiga.org/blog</link>
	<description>简单就好</description>
	<lastBuildDate>Thu, 26 Apr 2012 04:18:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>td之overflow:hidden</title>
		<link>http://omiga.org/blog/archives/162</link>
		<comments>http://omiga.org/blog/archives/162#comments</comments>
		<pubDate>Tue, 08 Jul 2008 08:08:25 +0000</pubDate>
		<dc:creator>omiga</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[overflow]]></category>
		<category><![CDATA[td]]></category>

		<guid isPermaLink="false">http://omiga.org/blog/archives/162</guid>
		<description><![CDATA[table-layout 语法：　　table-layout : auto &#124; fixed 　　参数：　　auto : 默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢　　fixed : 固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关 隐藏对象内的多余文本，一般做法： selector{width:*px; white-space:nowrap; overflow:hidden;}　但是这段代码用在td上不会生效，单元格依然会被撑开～··· 解决办法：同时为其table定义width:*; table-layout : fixed OK：多余文本已经被自动隐藏。 © omiga for omiga, 2008. &#124; Permalink &#124; One comment &#124; Add to del.icio.us Post tags: css, overflow, td]]></description>
			<content:encoded><![CDATA[<blockquote><p><strong>table-layout</strong></p>
<p>语法：<br /><strong>　　table-layout : </strong><strong>auto </strong>|<strong> fixed </strong><br />　　参数：<br /><strong>　　auto : </strong>默认的自动算法。布局将基于各单元格的内容。表格在每一单元格读取计算之后才会显示出来。速度很慢<br /><strong>　　fixed : </strong>固定布局的算法。在这算法中，水平布局是仅仅基于表格的宽度，表格边框的宽度，单元格间距，列的宽度，而和表格内容无关</p>
</blockquote>
<p>隐藏对象内的多余文本，一般做法：</p>
<p>selector{width:*px; white-space:nowrap; overflow:hidden;}　但是这段代码用在td上<a href="http://omiga.org/lab/td_overflow_hidden/td_overflow_hidden1.html" target="_blank">不会生效</a>，单元格依然会被撑开～···</p>
<p>解决办法：同时为其table定义<strong>width:*;</strong> <strong>table-layout : fixed </strong>OK：多余文本已经被<a href="http://omiga.org/lab/td_overflow_hidden/td_overflow_hidden2.html" target="_blank">自动隐藏</a>。</p>
<hr />
<p><small>© omiga for <a href="http://omiga.org/blog">omiga</a>, 2008. |
<a href="http://omiga.org/blog/archives/162">Permalink</a> |
<a href="http://omiga.org/blog/archives/162#comments">One comment</a> |
Add to
<a href="http://del.icio.us/post?url=http://omiga.org/blog/archives/162&title=td之overflow:hidden">del.icio.us</a>
<br/>
Post tags: <a href="http://omiga.org/blog/archives/tag/css" rel="tag">css</a>, <a href="http://omiga.org/blog/archives/tag/overflow" rel="tag">overflow</a>, <a href="http://omiga.org/blog/archives/tag/td" rel="tag">td</a><br/>
</small></p>]]></content:encoded>
			<wfw:commentRss>http://omiga.org/blog/archives/162/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

