当前位置: 首页 > 面试题库 >

是否可以将内联块元素居中放置,如果可以,该如何放置?

罗寒
2023-03-14
问题内容

我有一个宽度最初未知的元素,特别是用户提供的MathJax方程。我将元素设置为内联块,以确保元素的宽度适合其内容并具有定义的宽度。但是,这阻止了传统的居中方法。也就是说,以下操作无效:

.equationElement
{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

解决方案不能是:

.equationElement
{
    display: block;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}

因为我不知道宽度实际应该是多少,并且如果用户单击方程式,则需要突出显示整个方程式,因此无法将宽度设置为0。有人可以解决此方程式居中的问题吗?


问题答案:

只需将其text-align: center;放在容器上即可。



 类似资料:
  • 可能重复: 在锚中放置div是否正确? 我想有一个复杂元素的链接(包含图像、段落和其他内容)。我知道它是有效的,但是有

  • 问题内容: 我需要将横幅图片动态加载到HTML5应用中,并且需要几个不同的版本以适合屏幕宽度。我无法正确确定手机的屏幕宽度,因此,我想到的唯一方法是添加div的背景图像,并使用@media确定屏幕宽度并显示正确的图像。 例如: 这可能吗,或者有人有其他建议吗? 问题答案: 不可以,内联样式属性中不能存在规则和媒体查询,因为它们只能包含声明。正如规范所说: 样式属性的值必须与CSS 声明块内容的语法

  • 问题内容: 我有几行要在行中居中放置的inline-block元素,我想水平居中。内联块元素都具有相同的固定大小,但我希望居中处理页面大小调整以及添加或删除元素。 为了简化起见,我删除了html /css并删除了居中的尝试。 如果您调整结果窗口的大小,以便第三个内联块元素下降,则容器将填充宽度,我们将得到以下结果: 而不是这样: 根据ptriek关于JavaScript解决方案的答案进行编辑: P

  • 问题内容: 我正在尝试将div附加到SVG内,以创建图形。我试图使用下面的代码附加它,但是当我使用Firebug检查元素时,div显示在元素代码内,但是它没有显示在图形UI中。 我尝试的方法有问题吗,还是无法在SVG内附加div? 问题答案: 您无法将HTML附加到SVG(从技术上讲,您可以使用,但是这是一个小难题)。此外,在SVG可见元素不能嵌套,所以元素,例如,,和这样不能生育的元素。

  • 我需要避免在Spring批处理项目中两次处理同一个文件。因此,我需要将文件名作为作业参数。然而,我只在步骤1中知道文件名,在作业执行之前不知道。因此,在启动作业时,我无法将文件名作为作业参数传递。我的问题是,在知道文件名后,是否有其他方法在步骤1中传递作业参数?

  • 问题内容: 如何在浏览器窗口(不是页面,不是屏幕)的中间放置一些HTML元素(例如,a )?不取决于浏览器窗口的大小,屏幕分辨率,工具栏布局等。例如,我希望它位于 浏览器窗口 的中间。 问题答案: 令我惊讶的是,没有人说固定位置。自7以来,它完全符合我的要求,并且可以在所有“人类”浏览器和IE中使用。