<table> 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。
CSS table-layout 属性用来显示表格单元格、行、列的算法规则。
table-layout:automatic 默认。列宽度由单元格内容设定
table-layout:fixed 列宽由表格宽度和列宽度设定
table-layout:inherit 规定应该从父元素继承 table-layout属性的值
将<td>文字过长的部分,变成省略号显示
CSS样式
<html>
<body>
<table style="table-layout:fixed">
<tr>
<td width= '200px' style="overflow:hidden;text-overflow:ellipsis">
sssssssssssssssssssssdddddddddddddd </td>
</tr>
</table>
</body>
</html>
将两个div放在一行
float:left
float是浮动,作用是:通过css定义float(浮动)让div样式层块,向左或向右(靠)浮动
Float常跟属性值left、right、none
Float:none 不使用浮动
Float:left 靠左浮动
Float:right 靠右浮动
float语法:
float : none | left |right
参数值:
none : 对象不浮动
left : 对象浮在左边
right : 对象浮在右边
例如:
<html>
<body>
<table style="table-layout:fixed">
<tr>
<td width= '200px' style="overflow:hidden;text-overflow:ellipsis"> sssssssssssssssssssssdddddddddddddd </td>
</tr>
</table>
<div style="float:left">zhuhaierzhong</div>
<div>zhuhaisanzhong</div>
</body>
</html>
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。
CSS table-layout 属性用来显示表格单元格、行、列的算法规则。
table-layout:automatic 默认。列宽度由单元格内容设定
table-layout:fixed 列宽由表格宽度和列宽度设定
table-layout:inherit 规定应该从父元素继承 table-layout属性的值
将<td>文字过长的部分,变成省略号显示
CSS样式
<html>
<body>
<table style="table-layout:fixed">
<tr>
<td width= '200px' style="overflow:hidden;text-overflow:ellipsis">
sssssssssssssssssssssdddddddddddddd </td>
</tr>
</table>
</body>
</html>
将两个div放在一行
float:left
float是浮动,作用是:通过css定义float(浮动)让div样式层块,向左或向右(靠)浮动
Float常跟属性值left、right、none
Float:none 不使用浮动
Float:left 靠左浮动
Float:right 靠右浮动
float语法:
float : none | left |right
参数值:
none : 对象不浮动
left : 对象浮在左边
right : 对象浮在右边
例如:
<html>
<body>
<table style="table-layout:fixed">
<tr>
<td width= '200px' style="overflow:hidden;text-overflow:ellipsis"> sssssssssssssssssssssdddddddddddddd </td>
</tr>
</table>
<div style="float:left">zhuhaierzhong</div>
<div>zhuhaisanzhong</div>
</body>
</html>