Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others


0 votes
in Technique[技术] by (71.8m points)

html - how to delete a empty second row for css grid

enter image description here

Hi guys, I'm trying to delete a row. I have attached a picture what I have right now. I only want 1 row and 3 column

display: grid;
grid - template - rows: auto;
grid - template - columns: 1 fr 1 fr 1 fr;
<div class="list-loan-info" ng-scrollbar rebuild-on="rebuild:me">
  <div automationid="FieldName" class="field-name" style="float:left;"> fieldName </div>
  <div automationid="OldValue" class="old-value">oldValue &nbsp;</div>
  <div automationid="NewValue" class="new-value-true">newValue</div>
  <div automationid="NewValue" class="new-value-false">newValue</div>
  <br />

Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

add a grid template rows to your code

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;

Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share