新手求救！！怎么让table中的一个<td>里实现一个左对齐一个右对齐_随笔

如下参考：

1、首先，打开HTML编辑器，新建HTML文件，如:返回索引。html，写问题代码。

2.在index.html列2标签中，输入样式码:style="text-align:right"。

3.当浏览器运行index.html页面时，table选项卡的第二列显示在右侧。

扩展资料：

是表数据单元格HTML标记的缩写，表示HTML表中的一个单元格，td标记是一个特殊的对，以开始，以结束。

HTML是超文本标记语言，是标准的通用标记语言。超文本是一个可以包含图像、链接甚至非文本元素(如音乐和应用程序)的页面。

超文本标记语言的结构包括“Head”部分(英语:Head)和“Body”部分(英语:Body)，其中“Head”部分提供关于网页的信息，“Body”部分提供网页的具体内容。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<table>标签中，输入样式代码：style="text-align: right"。

3、浏览器运行index.html页面，此时单元格的对齐方式被成功修改为右对齐。

下面代码直接能测试解决：

<html>

<HEAD>

</HEAD>

<tr>

<td>

<div style="width:200pxheight:200pxborder:red 1px solid">这里高度随字数改变而改变</div>

</td>

<td>

<div style="width:200pxheight:100pxborder:blue 1px solid">我要整个蓝色DIV不管怎要样都在这个TD顶部对齐</div>

</td>

</tr>

</table>

</html>

在这个DIV的父级td 加 vertical-align:top已测试

<html>

<HEAD>

</HEAD>

<tr>

<td>

<div style="width:200pxheight:200pxborder:red 1px solid">这里高度随字数改变而改变</div>

</td>

<div style="width:200pxheight:100pxborder:blue 1px solid">我要整个蓝色DIV不管怎要样都在这个TD顶部对齐</div>

</td>

</tr>

</table>

</html>

欢迎分享，转载请注明来源：内存溢出

新手求救！！怎么让table中的一个<td>里实现一个左对齐一个右对齐