Question

问题：我在td-Tag中有2个div，其中Text里面是移动位置，但不应该。

Div Code：

    <tr>
        <td id="mehlSumme">
            <div id="mehlSumme2">Noch zu berechnen</div>
            <div id="mehl">Mehl</div>
        </td>
    </tr>

我使用jQuery更新div-id =“mehlSumme2”中的数据，之后文本正在移动。

我无法将mehlSumme2中的文本右边固定并且mehl左边固定。

我尝试了以下内容：

       #mehlSumme2, #zuckerSumme2, #butterSumme2, #quarkSumme2, #fuellungButterSumme2, #fuellungZuckerSumme2, #eierSumme2, #bananenSumme2, #apfelSumme2 {
        text-align: inherit;
        font-size: 70%;
        display: inline;
        padding-right: 10px;
    }

    #mehl, #zucker, #butter, #quark, #fuellungButter, #fuellungZucker, #fuellungEier, #bananen, #apfel {
        text-align: inherit;
        font-size: 70%;
        display: inline;
        padding-left: 10px;
    }

但这不会让我更进一步。

感谢您的帮助！

1 个答案:

答案 0 :(得分：0)

Answer 1

您的问题可能是text-align: inherit位。对于＃mehlSumme2和#mehl，这将使它们与父（td）具有文本对齐。

对于需要右对齐的元素，您还有padding-right。 padding-left表示需要左对齐的元素。 padding: left在元素的左侧添加空间，因此它有效地将内容推送到右边界。（与padding: right相同。）也许如果你切换它们，你可以让它看起来像你想要的那样。

另一种尝试是为这些相应元素添加text-align :left或:right。虽然，text-align因柔性盒而未被广泛使用。并且<td>也没有被广泛使用。

编辑：我将inline-block添加到显示属性中的所有ID之后有2个。它似乎没有使变化部分缩小。此外，您发布的代码不适用于jQ。你忘了关闭这个功能。

修复<div>中的文本，防止计算后移动

1 个答案: