Исправлен последний столбец таблицы

Может кто-нибудь помочь мне с 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>

3 ответа

  1. Именно такой образ

    table{width:100%;}
    table td{border:1px solid #ccc;}
    <div>   
     <table cellpadding="0" cellspacing="0">
            <tr>
                <td>text</td>
                <td>text</td>
                <td width="100">text</td>
            </tr>
         <tr>
                <td>text</td>
                <td>text</td>
                <td>text</td>
            </tr>
    
    </table>
    <div>

  2. Как я уже упоминал в своем комментарии, в случае, если вам нужно исправить ширину для последнего столбца, вы можете попробовать следующее

    <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>
    
  3. Я думаю, что вы ищете это. вы можете установить всю правую сторону последнего столбца div. LiveFiddle . Если какой-либо вопрос задать мне в комментарии.

    table{
      width:100%;
    }
    td:last-of-type {
     float:right;
    }
    <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>