如何在asp.net中给出表格的单元格填充，单元格间距

【问题标题】：How can I give cellpadding,cellspacing of a table in asp.net如何在asp.net中给出表格的单元格填充，单元格间距
【发布时间】：2020-09-17 00:39:15
【问题描述】：

我想设置表的width、height、cllpadding 和cellspacing 和valign，但我在asp.Net 中没有找到这些属性。 （但这些标签在 PHP Dreamweaver 中可用）指导我如何在 asp.Net 中为表设置这四个。我有视觉工作室 2012。

<table width="1332" height="231" border="1" >
  <tr>
    <td colspan="2" rowspan="2">Region</td>
    <td height="21" colspan="3"><span id="result_box" lang="ar" xml:lang="ar">المجموع العام</span></td>
    <td colspan="2">مسندم</td>
    <td colspan="2">مسندم</td>
    <td colspan="2">مسندم</td>
    <td colspan="2">مسندم</td>
    <td colspan="2">مسندم</td>
    <td colspan="2">مسندم</td>
    <td colspan="2">مسندم</td>
    <td colspan="2">مسندم</td>
    <td colspan="2">مسندم</td>
    <td colspan="2">مسندم</td>
    <td colspan="2">مسندم</td>
    <td colspan="2">مسندم</td>
    <td colspan="2" rowspan="2"><span id="result_box2" lang="ar" xml:lang="ar">منطقة</span></td>
  </tr>
  <tr>
    <td height="23" colspan="3">Grand Total</td>
    <td colspan="2">&nbsp;</td>
    <td colspan="2">Musandam</td>
    <td colspan="2">Al-wusta</td>
    <td colspan="2">Alburaimi</td>
    <td colspan="2">Al-Dhahira</td>
    <td colspan="2">Dohfar</td>
    <td colspan="2">Al-dhakhila</td>
    <td colspan="2">Al-sharqiya(n)</td>
    <td colspan="2">Al-sharqiyah</td>
    <td colspan="2">Albatiniah(s)</td>
    <td colspan="2">Al-Albatinah</td>
    <td colspan="2">Muscat</td>
  </tr>
  <tr>
    <td colspan="2">Gender</td>
    <td width="77"><span id="result_box8" lang="ar" xml:lang="ar">مجموع</span></td>
    <td width="24">١</td>
    <td width="24">ذ</td>
    <td width="10">١</td>
    <td width="14">ذ</td>
    <td width="45">١</td>
    <td width="16">ذ</td>
    <td width="11">١</td>
    <td width="34">ذ</td>
    <td width="13">١</td>
    <td width="39">ذ</td>
    <td width="25">١</td>
    <td width="32">ذ</td>
    <td width="16">١</td>
    <td width="20">ذ</td>
    <td width="28">١</td>
    <td width="32">ذ</td>
    <td width="28">١</td>
    <td width="49">ذ</td>
    <td width="42">١</td>
    <td width="25">ذ</td>
    <td width="26">١</td>
    <td width="44">ذ</td>
    <td width="38">١</td>
    <td width="29">ذ</td>
    <td width="22">١</td>
    <td width="17">ذ</td>
    <td colspan="2"><span id="result_box3" lang="ar" xml:lang="ar">جنس</span></td>
  </tr>
  <tr>
    <td colspan="2">Specialization</td>
    <td>Total</td>
    <td>F</td>
    <td>M</td>
    <td>F</td>
    <td>M</td>
    <td>F</td>
    <td>M</td>
    <td>F</td>
    <td>M</td>
    <td>F</td>
    <td>M</td>
    <td>F</td>
    <td>M</td>
    <td>F</td>
    <td>M</td>
    <td>F</td>
    <td>M</td>
    <td>F</td>
    <td>M</td>
    <td>F</td>
    <td>M</td>
    <td>F</td>
    <td>M</td>
    <td>F</td>
    <td>M</td>
    <td>F</td>
    <td>M</td>
    <td colspan="2"><span id="result_box4" lang="ar" xml:lang="ar">تخصص</span></td>
  </tr>
  <tr>
    <td width="68" rowspan="4" valign="top">Foundation</td>
    <td width="152" valign="top">Engnieering</td>
    <td height="23">120</td>
    <td>48</td>
    <td>72</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>0</td>
    <td>1</td>
    <td>1</td>
    <td>0</td>
    <td>0</td>
    <td>1</td>
    <td>1</td>
    <td>0</td>
    <td>0</td>
    <td>1</td>
    <td>1</td>
    <td>0</td>
    <td>0</td>
    <td>1</td>
    <td>1</td>
    <td>0</td>
    <td>0</td>
    <td>1</td>
    <td>1</td>
    <td>0</td>
    <td>0</td>
    <td width="105" valign="top">الهندسة</td>
    <td width="37" rowspan="4" valign="top">مؤسسة</td>
  </tr>
  <tr>
    <td valign="top">Information Technology</td>
    <td>213</td>
    <td>147</td>
    <td>66</td>
    <td>1</td>
    <td>2</td>
    <td>0</td>
    <td>0</td>
    <td>1</td>
    <td>1</td>
    <td>0</td>
    <td>0</td>
    <td>1</td>
    <td>1</td>
    <td>0</td>
    <td>0</td>
    <td>1</td>
    <td>1</td>
    <td>0</td>
    <td>0</td>
    <td>1</td>
    <td>1</td>
    <td>0</td>
    <td>0</td>
    <td>1</td>
    <td>1</td>
    <td>0</td>
    <td>0</td>
    <td valign="top">تكنولوجيا المعلومات</td>
  </tr>
  <tr>
    <td rowspan="2" valign="top">Total</td>
    <td rowspan="2">313</td>
    <td height="28">195</td>
    <td>138</td>
    <td>1</td>
    <td>2</td>
    <td>0</td>
    <td>0</td>
    <td>2</td>
    <td>2</td>
    <td>0</td>
    <td>0</td>
    <td>2</td>
    <td>2</td>
    <td>0</td>
    <td>0</td>
    <td>2</td>
    <td>2</td>
    <td>0</td>
    <td>0</td>
    <td>2</td>
    <td>2</td>
    <td>0</td>
    <td>0</td>
    <td>2</td>
    <td>2</td>
    <td>0</td>
    <td>0</td>
    <td rowspan="2" valign="top">إجمالي</td>
  </tr>
  <tr>
    <td height="26" colspan="2">313</td>
    <td colspan="2">3</td>
    <td colspan="2">0</td>
    <td colspan="2">4</td>
    <td colspan="2">0</td>
    <td colspan="2">4</td>
    <td colspan="2">0</td>
    <td colspan="2">4</td>
    <td colspan="2">0</td>
    <td colspan="2">4</td>
    <td colspan="2">0</td>
    <td colspan="2">4</td>
    <td colspan="2">0</td>
  </tr>
</table>

高度宽度 valign 顶部在 Visual Studio 中也不可用

【问题讨论】：

  • 为此使用 CSS，而不是 HTML 属性。
  • 您需要的所有属性都可用于 &lt;asp:Table&gt; 控件，并由 Visual Studio 2012 中的 IntelliSense 提供。向我们展示您的代码以提供问题示例。

标签： c# html css asp.net


【解决方案1】：

如果你喜欢只使用 HTML 来编写代码，可以这样做：

<table cellspacing="10px" cellpadding="10px" style = "height = 200px;width:200px;">

注意：cellspacing 和 cellpadding 已经过时了，我认为在 HTML5 中，但如果你试一试，它仍然可以工作（但也许你的编辑器会像在 Eclipse IDE 上那样给你警告消息）。在重新设计页面时，在 HTML 标记中添加 css style 是肮脏且难以维护的。

使用css：

    table { border-spacing: 5px;/*use to work like cellspacing */
      width : 200px;
      height:200px;   
     } 

    th, td { padding: 5px; } /*use to work like cellpadding */

【讨论】：

  • 如何在 Visual Studio asp.net 中提供 td
  • @user3856431 不管怎样，你知道&lt;td&gt;是什么吗？
  • 但我在dreamweaver中写了上面的html，但我想在visual studio中使用valign
【解决方案2】：

在 Visual Studio 中为您的表添加一个类，并使用 CSS 中的类应用它，如下所示。例如，我将分配类mycuststyle。

table.mycuststyle
{
  border-spacing:3px;
  width:400px;
  height:400px;
 }
table.mycuststyle td, table.mycuststyle th
{
  padding:10px;
  vertical-align:middle;
  text-align:left; 
}

【讨论】：

    【解决方案3】： 
    <html>
    <head>
        
        <title>Cell Spacing & Cell Padding</title>
    </head>
    <Body>
        <table border="border">
             <tr>
                 <th colspan="2">Cuisine</th>
             </tr>
             <tr>
                 <th>Non Veg</th>
                 <th>Veg</th>
             </tr>
            <tr>
                <td>
                    <table border="border">
                        <tr>
                            <th> </th>
                            <th>Fish</th>
                            <th>Chicken</th>
                        </tr>
                        <tr>
                            <th>Cost</th>
                            <td>450 </td>
                            <td>550</td>
                        </tr>
                    </table>
                    <table border="border">
                        <tr>
                            <th>Idli</th>
                            <th>Dosa</th>
                        </tr>
                        <tr>
                            <td>35</td>
                            <td>40</td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </Body>
</html>

    【讨论】：

      猜你喜欢
      • 2012-11-24
      • 2010-09-25
      • 2013-05-01
      • 2020-03-04
      • 1970-01-01
      • 1970-01-01
      • 2013-03-09
      • 2010-11-12
      • 2017-10-31
      相关资源
      最近更新 更多
      热门标签
      Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode