我将从图片开始
您可以想象,我要在Textarea标签下添加textarea。由于某种原因,它进入其他地方,进入另一个卡区域...这是代码。任何想法如何解决?我尝试了其他几种选择,textarea并没有真正按照我的方式进行。
<div class="p-grid">
<div class="p-col-12 p-md-6">
<p-card>
<div class="p-grid p-dir-col">
<div class="ui-g ui-fluid">
<div class="p-col p-md-12">
<div class="ui-inputgroup" fxLayout="row" style="height: 30px">
<div fxFlex class="p-col p-md-6" style="padding: 0px">
<span class="ui-inputgroup-addon" style="width:100%">Date</span>
</div>
<div fxFlex class="p-col p-md-6" style="padding: 0px">
<input type="date" pInputText>
</div>
</div>
</div>
</div>
<div class="ui-g ui-fluid">
<div class="p-col p-md-12">
<div class="ui-inputgroup" fxLayout="row" style="height: 30px">
<div fxFlex class="p-col p-md-6" style="padding: 0px">
<span class="ui-inputgroup-addon" style="width:100%">Dropdown</span>
</div>
<div fxFlex class="p-col p-md-6" style="padding: 0px; text-align: left">
<p-dropdown></p-dropdown>
</div>
</div>
</div>
</div>
<div class="ui-g ui-fluid">
<div class="p-col p-md-12">
<div class="ui-inputgroup" style="height: 30px">
<div fxFlex class="p-col p-md-12" style="padding: 0px">
<span class="ui-inputgroup-addon" style="width:100%">Textarea</span>
</div>
<div class="p-col p-md-12">
<textarea [rows]="3" pInputTextarea></textarea>
</div>
</div>
</div>
</div>
</div>
</p-card>
</div>
</div>