html - 对齐 div 内的文本

Question

在下面的代码中

 var panel=<div name="panel" id="panel" style="display:inline;position: absolute; margin-left: auto;margin-right:auto;left: 0;right: 0;width:350px;height: 100px;filter:alpha(opacity=50);">testfield1</div>' ;
  panel = panel + '&nbsp&nbsp<div id ="name" style="display:inline;position: absolute; margin-left: auto;margin-right:auto;left: 350px;right: 0;width:750px;height: 100%;border-color:black;">
        panel = panel + 'This is a test</div>

文本“This is a test”出现在 div 的底部，而“testfield1”出现在中心。如何使两段文本相互内联？

谢谢。

Answer 1

这太难读了。

从我能看到的一些提示

使用 StringBuilder 类而不是连接所有这些字符串

System.Text.StringBuilder sb = new System.Text.StringBuilder()

sb.Append(@"<div id=""panel"">");

...

string panel = sb.ToString();

我不认为你需要给你的div添加name属性，id通常就足够了

将样式分离到一个单独的样式表 (css) 中，并去掉所有不必要的不​​间断空格

在你的CSS中你想要类似的东西

div#panel
{
    display: inline;
    position: absolute;
    ...
}

    div#panel #name
    {
        display: inline;
        position: absolute;
    }

还可以组合样式，例如上面可以重写为

div#panel, div#panel #name
{
    display: inline;
    position: absolute;
    ...
}

然后人们就可以帮助你调试你的css