来一发CSS教程:表格不被撑开的办理举措
一般来说还需要用PhotoShop或FireWorks(以下简称PS或FW)等图片处理软件将需要制作的界面布局简单的构画出来。网页制造poluoluo文章简介：办理举措：先用noWrap强行令笔墨不换行，再用style="table-layout:fixed;;word-break:break-all;;border-collapse:collapse"强迫表格不撑开，即到达效果。
明天在做一个用户留言列表的时分，用到了表格。用户名为英笔墨符时，就会把流动宽度的单位格撑开。之前也有碰到过。办理举措：先用noWrap强行令笔墨不换行，再用style="table-layout:fixed;;word-break:break-all;;border-collapse:collapse"强迫表格不撑开，即到达效果。
必要注重的是：用了nowrap的单位格设置的宽度要用百分比，否则仍是会撑开。我们能够给表头的单位格设置宽度。火狐下还要在td内里嵌套一个div。
附：
nowrap:一样平常用在td中克制主动换行
table-layout:auto|fixed
auto: 默许值。默许的主动算法。结构将基于各单位格的内容。表格在每单位格内一切内容读取盘算以后才会显现出来
fixed: 流动结构的算法。在这类算法中，表格和列的宽度取决于col工具的宽度总和，假设没有指定，则会取决于第一行每一个单位格的宽度。假设表格没有指定宽度(width)属性，则表格被呈递的默许宽度为100%。
word-break:break-all和word-wrap:break-word都是能使其容器如DIV、TD的内容主动换行。
word-break:normal|break-all|keep-all
word-wrap:normal|break-word
它们的区分就在于：
1，word-break:break-all比方div宽200px，它的内容就会到200px主动换行，假如该行末了有个英文单词很长（congratulation等），它会把单词截断，酿成该行末了为conra(congratulation的前端部分)，下一举动tulation（conguatulation）的后端部分了。
2，word-wrap:break-word例子与下面一样，但区分就是它会把congratulation全部单词当作一个全体，假如该行末了宽度不敷显现全部单词，它会主动把全部单词放到下一行，而不会把单词截断失落的。
border-collapse:separate|collapse
取值：
separate: 默许值。边框自力（尺度HTML）
collapse: 相邻边被兼并
Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人. 经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅. Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。 是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。 还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。 俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。
页:
[1]