Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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_Position - Fatal编程技术网

在HTML中,有没有一种方法可以将多个内联元素放在一行中不同的特定位置?

在HTML中,有没有一种方法可以将多个内联元素放在一行中不同的特定位置?,html,css,position,Html,Css,Position,对不起,我的问题不清楚。我的意思是,假设我想把三个单词排成一行,但一个在最左边,一个在中间,最后一个在最右边。除了在他们之间留出很多空间(这是一种非常不专业和有趣的方式),还有什么方法可以指定职位吗 我的第一个想法是: 左边 居中 赖特 你是说像这样 .flex{ 显示器:flex; 证明内容:之间的空间; } 左边 居中 赖特 您可以尝试使用 <p> <span id="left">Left</span> <span id="center"

对不起,我的问题不清楚。我的意思是,假设我想把三个单词排成一行,但一个在最左边,一个在中间,最后一个在最右边。除了在他们之间留出很多空间(这是一种非常不专业和有趣的方式),还有什么方法可以指定职位吗

我的第一个想法是:


左边
居中
赖特

你是说像这样

.flex{
显示器:flex;
证明内容:之间的空间;
}

左边 居中 赖特

您可以尝试使用

<p> 
<span id="left">Left</span> 
<span id="center">Center</span> 
<span id="right">Right</span> 
</p> 

<style>
 #left{ float:left; }
 #center{ padding-left:50px;}//you can adjust the space you want(exp:70px or more) 
 #right{ float:right; } </style>

左边
居中
赖特

#左{float:left;} #居中{padding left:50px;}//您可以调整所需的空间(exp:70px或更大) #右{float:right;}


#左{float:left;}
#居中{padding left:50px;}//您可以调整所需的空间(exp:70px或更大)
#右{左填充:50px;}

只需将其全部放在一个div中,并将其样式设置为:

div {
  text-align: justify;
  text-justify: inter-word;
}

有很多方法。到目前为止还没有提到的一些方法是将第一个跨距向左浮动,最后一个跨距向右浮动

p{
文本对齐:居中;
}
第一个孩子{
浮动:左;
}
最后一个孩子{
浮动:对;
}

左边
居中
赖特

您说的是“内联元素”,但它们是否必须像display:inline那样内联?这不起作用。你考过了吗?为什么要把它放在div中?@MrLister因为文本对齐必须分配给父元素,这就是为什么不能工作的原因。你能提供一个片段吗?非常感谢Lister先生,这是解决这个问题的一个非常全面和有用的答案!都是你教的!:这非常简单直接,满足了我的需求,非常感谢k185!:D
div {
  text-align: justify;
  text-justify: inter-word;
}