Мне нужна страница, которая выглядит одинаково во всех браузерах, поэтому я пытался установить css: width= x%.

Ширина работает только с ближайшим тегом переноса, например <div>...</div>

Как мне установить width в контексте со страницей / сайтом или телом?

Я проверил position: ..., но это не то, что я хочу

Код:

<table><tr><td>
            <a href="/lala">link</a>
                </td><td>
                    <strong>writing a book</strong>
                </td></tr>
            <tr><td>
            <textarea class="form-control" style="width: 45%" disabled>text 1</textarea>
                </td><td>
            <textarea class="form-control" rows="3" cols="50" disabled>text2</textarea>

                </td>
            </tr>
        </table>
1
user10123001 20 Авг 2018 в 17:27

3 ответа

Лучший ответ

Вместо использования% используйте vw (это означает ширину области просмотра), и если вы хотите, чтобы текстовая область составляла 75% страницы, вы можете установить текстовую область на 75vw.

Проверить демо здесь

textarea{
    width: 75vw;
 }
0
Radu 20 Авг 2018 в 14:47

У вас есть несколько решений этой проблемы, но в вашем случае легкий 75vw должен сделать свое дело.

Совет: структурируйте свой код. Это не обязательно, но это помогает для чтения и переписывания.

Код:

<table>
    <tr>
        <td>
            <a href="/lala">link</a>
        </td>
        <td>
            <strong>writing a book</strong>
        </td>
    </tr>
    <tr>
        <td>
            <textarea class="form-control" style="width: 45%" disabled>text 1</textarea>
        </td>
        <td>
            <textarea class="form-control" rows="3" style="width:75vw" disabled>text2</textarea>
        </td>
    </tr>
</table>
0
Vic Segers 20 Авг 2018 в 15:15

Не видя примера, вы можете попытаться установить самый внешний контейнер на 75%, затем все внутри на 100%;

0
RiddleMeThis 20 Авг 2018 в 14:54
51932948