如何将属性值拆分为两行?

时间:2013-04-17 16:10:22

标签: asp.net html

我有一个asp.net应用程序,我想将如下所示的行拆分为两行(我想手动换行)

<table style="border: thin solid #808080; padding: 3px 5px 7px 5px; vertical-align:top; margin-left: auto; margin-right: auto;">

理想情况下,我希望看到类似的内容:

<table style="border: thin solid #808080; padding: 3px 5px 7px 5px; "
                + "vertical-align:top; margin-left: auto; margin-right: auto;">

但当然+运算符在这里不起作用。

有没有办法完成这项任务?

5 个答案:

答案 0 :(得分:2)

您不需要操作员。空格和换行符将被忽略。

<table style="border: thin solid #808080; padding: 3px 5px 7px 5px;
              vertical-align:top; margin-left: auto; margin-right: auto;">

您应该考虑使用CSS文件而不是内联样式。

答案 1 :(得分:1)

将样式移动到css文件或样式标记中。为表提供一个类名,并以这种方式引用它。完成。

答案 2 :(得分:1)

在Visual Studio Hit:Ctrl + K + D中,它会自动格式化您的标记并将内联样式拆分为两行。

但是,我建议将CSS分离到外部样式表中,或者甚至将其放在页眉内的<style>标记中。

<style type="text/css">
    table { border: thin solid #808080; padding: 3px 5px 7px 5px; vertical-align:top; margin-left: auto; margin-right: auto; }
</style>

答案 3 :(得分:0)

不要使用内联样式。在其上放置一个CSS类,并在<style>块或外部CSS文件中定义样式。

答案 4 :(得分:0)

如果主要关注的是样式的长度,为什么不使用样式表呢?

<table class="myStyle">

..比...更具可读性。

<table style="border: thin solid #808080; padding: 3px 5px 7px 5px; vertical-align:top; margin-left: auto; margin-right: auto;">