Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/42.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_Bootstrap 4 - Fatal编程技术网

Html 如何创建文本位于顶部而不是居中的输入

Html 如何创建文本位于顶部而不是居中的输入,html,css,bootstrap-4,Html,Css,Bootstrap 4,如何使文本从顶部开始,而不是从中间开始 <input class="card card-experience"> .card-experience{ width: 600px; height: 100px; position: absolute; padding-bottom: 22px; top: 400px; border-color: black; box-sizing: border-box; } .信用卡体验{ 宽

如何使文本从顶部开始,而不是从中间开始

<input class="card card-experience">
.card-experience{
    width: 600px;
    height: 100px;
    position: absolute;
    padding-bottom: 22px;
    top: 400px;
    border-color: black;
    box-sizing: border-box;
}

.信用卡体验{
宽度:600px;
高度:100px;
位置:绝对位置;
填充底部:22px;
顶部:400px;
边框颜色:黑色;
框大小:边框框;
}
  • input type=“text”用于单行文本

  • 您可以改为使用“textarea”,根据输入元素的大小,您似乎希望接受大量输入或允许大量输入行。“textarea”将允许您这样做,同时文本从左上角开始

  • 参考:

    如果您使用“textarea”且不需要滚动条,请参考以下内容:


    以下内容可能满足您的要求。移除底部填充并将输入标记更改为textarea

        .card-experience {
            width: 600px;
            height: 100px;
            position: absolute;
            top: 400px;
            border-color: black;
            box-sizing: border-box;
        }
    
        <textarea class="card card-experience"></textarea>
    
    .card体验{
    宽度:600px;
    高度:100px;
    位置:绝对位置;
    顶部:400px;
    边框颜色:黑色;
    框大小:边框框;
    }
    

    注意:当您想在多行中输入数据时,输入标记应更改为文本区域标记。

    请添加有关您的问题的更多详细信息。我不知道我能清楚多少,然后我已经做了什么。