col在css中什么意思?

html-css06

col在css中什么意思?,第1张

<col>标签为表格中一个或多个列定义属性值。

例如:

<table width="100%" border="1">

<col align="left" />

<col align="left" />

<col align="right" />

<tr>

<th>ISBN</th>

<th>Title</th>

<th>Price</th>

</tr>

<tr>

<td>3476896</td>

<td>My first HTML</td>

<td>$53</td>

</tr>

</table>

col 元素为表格中的三个列规定了不同的对齐方式!

COL不是CSS中的 是HTML标签

你应该设定的是table对象属性吧,也就是直接在table上加align、bgColor之类的,有些属性已经被取消掉无法使用了,也不知道你哪学的这样用的,我从开始学div+css到现在工作这么多年以来就从来不用那些属性,顶多是了解一下而已,你还是用正规的加入css的方式吧,比如

<table style="background-color:red"><tr><td></td></tr></table>

或者

<style type="text/css">

.bg{ background-color:red}

</style>

<table class="bg"><tr><td></td></tr></table>

四种方式

比如想要做这样一个布局,有哪几种方式。

最简单、最快捷的方式。

element-ui提供的布局容器,el-header头标签,有height属性。el-aside左侧边栏标签,有width属性。el-footer底部标签,有height属性。其他样式可以通过class进行控制。

相对简单的方式。

利用el-col将每行分为24等分的特性,进行布局。其他属性通过class进行控制。

原生css布局的方式,float布局,也是最基础的方式。

将aside向左浮动,固定好宽度。main向右浮动,注意固定好宽度是 100vw - 左侧边栏的宽度 ,注意高度是 100vh - 上下header和footer高度之和 。footer也由于浮动而被挤到到最下面,这边指定float为left、right都是可以的,都可以达到浮动到最下方的效果。

原生css布局的方式,position布局,也是最基础的方式。

sideBar设置好宽度,利用绝对定位将固定在最左边(由于是绝对定位,所以注意已经脱离了文档流)。main设置margin-left为侧边栏宽度,这样就可以使得main不会被遮挡。footer设置为固定定位,bottom为0固定在底部。其他height、width的值也要注意计算哦~