Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在不使用表格的情况下,如何使文本显示在页面的一半,而不同的文本显示在页面的另一半?_Html_Css - Fatal编程技术网

Html 在不使用表格的情况下,如何使文本显示在页面的一半,而不同的文本显示在页面的另一半?

Html 在不使用表格的情况下,如何使文本显示在页面的一半,而不同的文本显示在页面的另一半?,html,css,Html,Css,我试图在页面的一侧添加文本,在页面的不同一侧添加不同的文本,如何在不创建表的情况下执行此操作?例如,本网站:文本分为两部分,一部分是地址,另一部分是开放时间。网站供参考和提前感谢:您可以使用 宽度=“50%” 在这种情况下,您将把网站屏幕分成两个相等的部分HTML: <div class="container"> <div class="column-left">Left</div> <div class="column-right">Ri

我试图在页面的一侧添加文本,在页面的不同一侧添加不同的文本,如何在不创建表的情况下执行此操作?例如,本网站:文本分为两部分,一部分是地址,另一部分是开放时间。网站供参考和提前感谢:

您可以使用

宽度=“50%”

在这种情况下,您将把网站屏幕分成两个相等的部分

HTML:

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

我希望这有帮助

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

HTML

你只需要用同一个类做两个s

CSS

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

width: 50%;
display: table-cell;
解释

width:50%
是将其宽度减少到原来大小的一半

display:table cell
用于确保这些div将显示在同一行中,而不是不同的行中

演示

.half{
宽度:50%;
显示:表格单元格;
}
Lorem ipsum door sit amet,一位杰出的领导者,他是一位临时劳工和大股东。
知识是一种美德,是一种美德,是一种美德,是一种美德。

您想复制页脚还是只想将一行拆分为两列?只想将一行拆分为两列?表是什么意思?你的意思是“对吗?OP不想使用表格。@RalphDavidernathy我认为他所说的表格是他不想使用是的,这太完美了,谢谢!对不起,我的问题不清楚
width: 50%;
display: table-cell;