在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”出現在div的底部。 如何使兩段文字彼此內聯？

謝謝。

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;
    ...
}

然后，poeple將能夠幫助您調試CSS