Javascript 仅在单行上对齐所有内容

我需要在一行中对齐所有

p

元素。但是它没有对齐。它的滚动条垂直追加。但是我需要水平。所有内容都对齐。 我尝试了

display:inline

，但没有用

请参阅以下代码段：

$（'.pin_box p'）.map（函数（）{$（this）.html（katex.renderToString（\\displaystyle{“+$（this.text（）+”）））；
})

.pin\u框{
z指数：1；
宽度：300px；
高度：40px；
背景色：#fcfc；
溢出：自动；
}
.别针盒p{
位置：相对位置；
浮动：左；
显示：内联块；
高度：40px；
宽度：40px；
右边框：1px实心#ccc；
保证金：0；
字体大小：12px；
文本对齐：居中；
线高：40px；
填充：0px 10px；
}

x^{2}

{x} {0}

\分形{10}{20}

\frac{d}{dx}{（）}

\int{}

\int{}{（）}dx

\int{0}^{0}

\int{0}^{0}{（）}dx

您可以在css中将宽度设置为自动，并将高度增加到50px

$（'.pin_box p'）.map（函数（）{$（this）.html（katex.renderToString（\\displaystyle{“+$（this.text（）+”）））；
})

.pin\u框{
z指数：1；
宽度：自动；
高度：50px；
背景色：#fcfc；
溢出：自动；
}
.别针盒p{
位置：相对位置；
浮动：左；
显示：内联块；
高度：40px；
宽度：40px；
右边框：1px实心#ccc；
保证金：0；
字体大小：12px；
文本对齐：居中；
线高：40px；
填充：0px 10px；
}

x^{2}

{x} {0}

\分形{10}{20}

\frac{d}{dx}{（）}

\int{}

\int{}{（）}dx

\int{0}^{0}

\int{0}^{0}{（）}dx

您可以在css中将宽度设置为自动，并将高度增加到50px

$（'.pin_box p'）.map（函数（）{$（this）.html（katex.renderToString（\\displaystyle{“+$（this.text（）+”）））；
})

.pin\u框{
z指数：1；
宽度：自动；
高度：50px；
背景色：#fcfc；
溢出：自动；
}
.别针盒p{
位置：相对位置；
浮动：左；
显示：内联块；
高度：40px；
宽度：40px；
右边框：1px实心#ccc；
保证金：0；
字体大小：12px；
文本对齐：居中；
线高：40px；
填充：0px 10px；
}

x^{2}

{x} {0}

\分形{10}{20}

\frac{d}{dx}{（）}

\int{}

\int{}{（）}dx

\int{0}^{0}

\int{0}^{0}{（）}dx

如果您需要一个固定的宽度（正如您现在所做的-

300px

），您可以使用CSS Flexbox。只需将您的

.pin_盒

做成一个灵活的容器即可

就像：

.pin_box {
  display: flex;
}

请看下面的代码片段：

$（'.pin_box p'）.map（函数（）{$（this）.html（katex.renderToString（\\displaystyle{“+$（this.text（）+”）））；
})

.pin\u框{
显示器：flex；
z指数：1；
宽度：300px；
高度：60px；
背景色：#fcfc；
溢出：自动；
}
.别针盒p{
位置：相对位置；
浮动：左；
显示：内联块；
高度：40px；
宽度：40px；
右边框：1px实心#ccc；
保证金：0；
字体大小：12px；
文本对齐：居中；
线高：40px；
填充：0px 10px；
}

x^{2}

{x} {0}

\分形{10}{20}

\frac{d}{dx}{（）}

\int{}

\int{}{（）}dx

\int{0}^{0}

\int{0}^{0}{（）}dx

如果您需要一个固定的宽度（正如您现在所做的-

300px

），您可以使用CSS Flexbox。只需将您的

.pin_盒

做成一个灵活的容器即可

就像：

.pin_box {
  display: flex;
}

请看下面的代码片段：

$（'.pin_box p'）.map（函数（）{$（this）.html（katex.renderToString（\\displaystyle{“+$（this.text（）+”）））；
})

.pin\u框{
显示器：flex；
z指数：1；
宽度：300px；
高度：60px；
背景色：#fcfc；
溢出：自动；
}
.别针盒p{
位置：相对位置；
浮动：左；
显示：内联块；
高度：40px；
宽度：40px；
右边框：1px实心#ccc；
保证金：0；
字体大小：12px；
文本对齐：居中；
线高：40px；
填充：0px 10px；
}

x^{2}

{x} {0}

\分形{10}{20}

\frac{d}{dx}{（）}

\int{}

\int{}{（）}dx

\int{0}^{0}

\int{0}^{0}{（）}dx

不需要……我需要溢出。并且不要更改pin的宽度_box@prasad看看我的最新答案，这就是你要找的吗？@prasad这是我的荣幸。不……我需要溢出。而且不要更改pin的宽度_box@prasad看看我最新的答案，这就是你想要的吗？@prasad这是我的荣幸。