具有跨度标签的PrimeNG文本区域

时间:2019-04-14 20:20:25

标签: html css angular textarea primeng

我将从图片开始

enter image description here

您可以想象,我要在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>

0 个答案:

没有答案