Question

我正在尝试在页面的一侧添加文本，在页面的不同侧面添加不同的文本，如何在不创建表的情况下执行此操作？例如，这个网站：http://i.imgur.com/lTASv3H.png的文本分为两部分，一部分是地址，另一部分是开放时间。网站供参考，并提前致谢：http://goldengreatwallmapleglen.com

Answer 1

你可以用

制作两个div

width =＆＃34; 50％＆＃34;

在这种情况下，您将网站屏幕划分为两个相等的部分

Answer 2

HTML：

<div class="container">
  <div class="column-left">Left</div>
  <div class="column-right">Right</div>
</div>

CSS：

.container {
  display: flex;
}

.column-left,
.column-right {
  width: 50%;
}

我希望有所帮助！

Answer 3

将行拆分为列的最常用方法是使用s

<强> HTML

你只需要用同一个班级制作两个

<强> CSS

要使这些div将行拆分为2，您需要为它们提供以下样式：

width: 50%;
display: table-cell;

<强>说明

width: 50%是将宽度缩小为原始尺寸的一半

display: table-cell是为了确保这些div显示在同一行但不在不同的行中

<强>样本

.half {
  width:50%;
  display: table-cell;
}

<div class="half">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
</div>
<div class="half">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
</div>

如何让文本显示在页面的一半上，不同的文本显示在页面的另一半而不使用表格？

3 个答案: