以动态宽度和宽度为中心元素旁边有一个元素

Question

我无法真实地描述情况，所以这就是我想要的。

< Today >（包括箭头）应居中。因为Today可以更改，所以它具有动态宽度。

日历图标应位于< Today >元素的旁边，具有一定的余量。

可以用纯HTML和CSS实现吗？或者我应该做一些javascript的事情？

Answer 1

您可以将< Today >放入容器中，然后为该容器提供width auto，以及左侧＆amp; margin auto的右<div class="yourparentdiv"> <div class="container> < Today > </div> </div> ，因此它居中。

HTML

.container {
  width: auto;
  margin: 0 auto;
}

CSS

div

然后，您可以添加另一个absolute并使用position relative添加日历，并将其.container设置为:after。或者，您可以使用#today div的{​​{1}} CSS选择器添加它。

Answer 2

实现这一目标的方法很多。

保证金：自动可以工作。 表/表格单元类 带有text-align的内联块元素：父级中心...

很难猜出会为你做什么。提供一些代码并尝试谷歌。

Answer 3

这可以使用css flex boxes获得。请仔细阅读以下教程以了解更多信息。

tutorial