[英]Aligning text inside a div
在下面的代码中
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 + '  <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的底部。 如何使两段文字彼此内联?
谢谢。
这太不可读了。
虽然我可以看到一些提示
使用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
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.