Javascript 如何对齐div'；在水平方向上，例如中的文本被省略
我有两个div，里面有一些文本。它们封装在具有固定高度和宽度的父Div中。如果文本溢出到父div之外，我想将其椭圆化 这是我的HTMLJavascript 如何对齐div'；在水平方向上，例如中的文本被省略,javascript,Javascript,我有两个div，里面有一些文本。它们封装在具有固定高度和宽度的父Div中。如果文本溢出到父div之外，我想将其椭圆化 这是我的HTML <html> <head> <style> .pDiv { width:50px; height:20px; border: 1px solid red; overflow: hidden; text-overflow: ell
<html>
<head>
<style>
.pDiv {
width:50px;
height:20px;
border: 1px solid red;
overflow: hidden;
text-overflow: ellipsis;
}
.div1 {
position: relative;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.div2 {
position: relative;
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>
</head>
<body>
<div class ='pDiv'>
<div class ='div1'>test testing</div>
<div class ='div2'>test1</div>
</div>
</body>
</html>
.pDiv{
宽度：50px；
高度：20px；
边框：1px纯红；
溢出：隐藏；
文本溢出：省略号；
}
.1分部{
位置：相对位置；
浮动：左；
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
}
.第2分部{
位置：相对位置；
浮动：左；
溢出：隐藏；
文本溢出：省略号；
空白：nowrap；
}
测试
测试1
有解决方案吗？椭圆不会显示，因为div1和div2没有指定宽度，因此它们不知道在什么时候开始截断/缩写。也许您可以为每个指定100%的宽度。也就是说，如果你加上
宽度：100%