CSS布局:以正确的顺序对齐元素

时间:2018-07-11 20:33:34

标签: css layout html-table css-selectors

我需要一些布局帮助。 下面的容器(.webdevelopment)应该如下所示: 标题应在宽度100%的中心对齐;然后两个“ innhaltbox” div的50%,然后是100%的Skilltabele,孩子们之间应该有空格。我猜我有一些选择器问题,一些帮助会很好。

  <div id="Webdevelopment">
            <div class="titel">Webdevelopment</div>
            <div class="inhalt">
              <div class="inhaltbox_1">

              </div>
              <div class="inhaltbox_2">
                <ul>
                  <li>Kreatives Webdesign</li>
                  <li>Große Erfahrung mit Virtual Reality</li>
                </ul>
              </div>
            </div>
            <div class="skill">
              <table>
                <caption>skill</caption>
                <tr class="skillname">
                  <th>html</th>
                  <th>css</th>
                  <th>javascript</th>
                  <th>aframe</th>
                </tr>
                <tr class="skillicons">
                  <td>icon</td>
                  <td>icon</td>
                  <td>icon</td>
                  <td>icon</td>
                </tr>
                <tr class="sterne">
                  <td>&#9733; &#9733; &#9733;</td>
                  <td>&#9733; &#9733; &#9733;</td>
                  <td>&#9733; &#9733; &#9734;</td>
                  <td>&#9733; &#9733; &#9733;</td>
                </tr>
              </table>
            </div>
          </div>

这里有一些CSS:

.title {
  width: 100%;
  }

.inhalt {
  content: "";
  width:100%;
  display: table;
  clear: both;
}

.inhaltbox {
  float: left;
  width: 50%;
}

.skill {
  justify-content: space-around;
  width:100%;
}

1 个答案:

答案 0 :(得分:1)

我想这就是你要的:

Name: ml.dmlc.xgboost4j.java.XGBoostError
Message: XGBoostModel training failed
StackTrace:   at ml.dmlc.xgboost4j.scala.spark.XGBoost$.postTrackerReturnProcessing(XGBoost.scala:316)
at ml.dmlc.xgboost4j.scala.spark.XGBoost$.trainWithRDD(XGBoost.scala:293)
at ml.dmlc.xgboost4j.scala.spark.XGBoostEstimator.train(XGBoostEstimator.scala:138)
at ml.dmlc.xgboost4j.scala.spark.XGBoostEstimator.train(XGBoostEstimator.scala:35)
at org.apache.spark.ml.Predictor.fit(Predictor.scala:118)
at ml.dmlc.xgboost4j.scala.spark.XGBoost$.trainWithDataFrame(XGBoost.scala:169)
.title {
  width: 100%;
  text-align: center;
  }

.inhalt {
  width:100%;
  display: table;
  clear: both;
}

.inhaltbox {
  float: left;
  width: 50%;
}

.skill {
  justify-content: space-around;
  width:100%;
}

table {
  width: 100%;
}