Текст находится посередине, а не слева

#php #html

#php #HTML

Вопрос:

Почему это в середине текстового поля? Это, вероятно, действительно просто, но я не могу понять это

 <div class="wrap-input100 bg1">
    <span class="label-input100">Mensagem (Editável)</span>
    <textarea id='mensagem' style="height:200px;" class="input100" type="text" name="mensagem"> 
        <?php 
        $time = date("H");
        $timezone = date("e");
        if ($time < "12") {
            echo "Bom Dia";
        } else if ($time >= "12" amp;amp; $time < "17") {
            echo "Boa Tarde";
        } else if ($time >= "19") {
            echo "Boa Noite";
        }
        ?> 
    </textarea>
</div>

Проблема не в классе, потому что я удалил его, и он все равно был посередине

Ответ №1:

У вас есть пробелы в вашем HTML . Это учитывается в текстовой области. Решением было бы сохранить выходные данные в переменной и удалить пробелы, например

 <?php 
    $time = date("H");
    $timezone = date("e");
    $output = '';
    if ($time < "12") {
        $output = "Bom Dia";
    } else if ($time >= "12" amp;amp; $time < "17") {
        $output = "Boa Tarde";
    } else if ($time >= "19") {
        $output = "Boa Noite";
    }
?> 
<textarea id='mensagem' style="height:200px;" class="input100" name="mensagem"><?php echo $output; ?></textarea>

Ответ №2:

 <div class="wrap-input100 bg1">
    <span class="label-input100">Mensagem (Editável)</span>
    <?php 
        $time = date("H");
        $timezone = date("e");
        if ($time < "12") {
            $text = "Bom Dia";
        } else if ($time >= "12" amp;amp; $time < "17") {
            $text = "Boa Tarde";
        } else if ($time >= "19") {
            $text = "Boa Noite";
        }
        ?> 
    <textarea id='mensagem' style="height:200px;" class="input100" name="mensagem"><?= $text ?></textarea>
</div>

Попробуйте это

Ответ №3:

Это связано с тегом span. Используйте div вместо тега и добавьте css. Смотрите это

 <div class="wrap-input100 bg1">
    <div class="label-input100" style="float:left; margin-right: 5px;">Mensagem (Editável)</div>
    <textarea id='mensagem' class="input100" style="height:200px; width:40% " type="text" name="mensagem"> 
        <?php 
        $time = date("H");
        $timezone = date("e");
        if ($time < "12") {
            echo "Bom Dia";
        } else if ($time >= "12" amp;amp; $time < "17") {
            echo "Boa Tarde";
        } else if ($time >= "19") {
            echo "Boa Noite";
        }
        ?> 
    </textarea>
</div>

Ответ №4:

Вы могли бы попробовать это :

 
<textarea id='mensagem' style="height:200px;margin:0;padding:0;vertical-align:top;" class="input100" type="text" name="mensagem">

Ответ №5:

Вы должны проверить его на странице. Щелкните правой кнопкой мыши на Bom Dia и щелкните элемент проверки, затем проверьте, почему он находится в центре. Может быть, это из-за вашего класса input 100 или из-за стиля textarea . вам нужно соответствующим образом изменить его css.