Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 修复了表的最后一列_Html_Css - Fatal编程技术网

Html 修复了表的最后一列

Html 修复了表的最后一列,html,css,Html,Css,有人能帮我了解css吗?我希望我的表的最后一列是固定的。自动布局的第一列和第二列,但第三列将固定在div元素的右侧 <div> <table> <tr> <td>text</td> <td>text</td> <td>text</td> </tr> <

有人能帮我了解css吗?我希望我的表的最后一列是固定的。自动布局的第一列和第二列,但第三列将固定在div元素的右侧

<div>   
 <table>
        <tr>
            <td>text</td>
            <td>text</td>
            <td>text</td>
        </tr>
     <tr>
            <td>text</td>
            <td>text</td>
            <td>text</td>
        </tr>

</table>
<div>

文本
文本
文本
文本
文本
文本
这样

表格{宽度:100%;}
表td{border:1px solid#ccc;}

文本
文本
文本
文本
文本
文本

正如我在评论中提到的,如果您需要固定最后一列的宽度,您可以尝试以下操作

<div>   
 <table style="width:100%;">
        <tr>
            <td>text</td>
            <td>text</td>
            <td width="250px">text</td> <!-- or width="30%" -->
        </tr>
     <tr>
            <td>text</td>
            <td>text</td>
            <td>text</td>
        </tr>

</table>
<div>

文本
文本
正文
文本
文本
文本
如果您只需要右对齐最后一列的内容,请尝试以下操作

<div>   
 <table style="width:100%;">
        <tr>
            <td>text</td>
            <td>text</td>
            <td style="text-align:right;">text</td>
        </tr>
     <tr>
            <td>text</td>
            <td>text</td>
            <td style="text-align:right;">text</td>
        </tr>

</table>
<div>

文本
文本
文本
文本
文本
文本

我想你在找这个。您可以在div的右侧设置所有最后一列。如果有任何问题,请询问我的意见。
表格{
宽度:100%;
}
td:最后一种类型{
浮动:对;
}

文本
文本
文本
文本
文本
文本

您需要固定宽度吗?或者您是否需要将最后一列中的文本对齐到右侧?固定表示位置或宽度?位置,最后一列位于div的右侧element@user3661837像这样的东西[]是的,但在右边的分区,而不是整个页面谢谢你!现在我有了这个。当我输入文本时,我需要前两列的灵活长度,但固定了第三列的长度,并且该表不离开div(不移动div)。对不起,我的英语不好。@user3661837删除td中的空白和溢出,只添加单词break:break-word;并检查表格是否在红色边框内。谢谢你。但我不需要显示所有的文本,我只需要一部分可以放在第一列和第二列,第三列有限。字段可以以“…”结尾