时间戳

首页 > 解决方案 > 列到顶部 html 样式两个方形文本行

html - 列到顶部 html 样式两个方形文本行

问题描述

我有一个 HTML 页面，我想要一个有四个或五个部分的表格，这是我的第一部分，有两列，但左侧的文本无法到达顶部。我尝试添加 padding-top: 0; 调整边距，对齐。我想也许 div 上的组合要么添加到表格行中的侧边栏或 mycolumn，因为我想在左列中添加行。

/*CSS*/

#sidebar {
  width: 750px;
}

.table-row {
  display: table;
  width: 100%;
  margin-top: 0px;
}

.mycolumn {
  display: table-cell;
  padding: 15px;
}

#content {
  width: 100%;
}

div {
  outline: none;
}

#sidebar1 {
  width: 750px;
}

.table-row2 {
  display: table;
  width: 100%;
}

.mycolumn1 {
  display: table-cell;
  padding: 15px;
}

#content1 {
  /* width:100%; */
}
<!-- HTML -->

<div class="container">
  <div class="row">
    <div class="table-row">
      <div class="mycolumn" id="sidebar">
        <h1 class="promo_slogan"> Bring everyone together to build better products.</h1>
      </div>
      <div class="mycolumn" id="content"><img src="file:///C:\Develop\CodeSamples\manage-landing-page-master\images\illustration-intro.svg">
      </div>
    </div>
  </div>
</div>

标签： htmlcss

解决方案

您将容器和行用作类，但您没有在 CSS 中定义它。你在使用引导程序吗？

您在 mycolumn 中也有填充。这将添加填充左、上、右和下。

还要考虑：

.mycolumn  { vertical-align: top; }

强行登顶。

推荐阅读