Question

选中此fiddle。我想知道如何删除行之间的空间。我已经尝试删除
，但是没有任何变化。另外，我也不想在底边设置负值。我不知道这是反应还是CSS问题。

HTML

SELECT CD1
, OD1
,CHAR(DATE(SUBSTR(CHAR(CD1),1,4) ||'-'||
    SUBSTR(CHAR(CD1),5,2) ||'-'||
   SUBSTR(CHAR(CD1),7,2)), USA)
AS "CDate_Conversion"
,CHAR(DATE(SUBSTR(CHAR(OD1),1,4) ||'-'||
    SUBSTR(CHAR(OD1),5,2) ||'-'||
   SUBSTR(CHAR(OD1),7,2)), USA)
AS "OConv",

( DAYS(DATE(
    SUBSTR(CHAR(CD1),1,4) ||'-'||
    SUBSTR(CHAR(CD1),5,2) ||'-'||
    SUBSTR(CHAR(CD1),7,2)), USA)
 -
  DAYS(DATE(
    SUBSTR(CHAR(OD1),1,4) ||'-'||
    SUBSTR(CHAR(OD1),5,2) ||'-'||
    SUBSTR(CHAR(OD1),7,2)), USA)
) AS Days

FROM PDAT.ZPKD

CSS

<div id="app"></div>

反应

div.square {
  display: inline-block;
  width: 20px;
  height: 20px;
}

Answer 1

请记住，该类保留用于在react中创建组件。因此，要将CSS类名称添加到jsx元素中，您应该使用className prop而不是class

更改

 render () {
    return (<div class = "square" style = {this.style}></div>);
}

收件人

 render () {
    return (<div className= "square" style = {this.style}></div>);
}

然后将CSS更改为

 div.square {
     display:inline-block; 
     margin:0;
     vertical-align:top;
     width: 20px;
     height: 20px;
  }

如何删除不同行中的div之间的空间

1 个答案: