在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;
}