使用DevExpress框架下的xml,自动生成table,调节table高度,宽度,上下内边距等

本文详细阐述了在调整表格字体大小时遇到的汉字截取问题,并通过实践展示了使用line-height属性来解决该问题的方法,同时提供了相应的CSS代码实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天再次碰到一个问题,就是调节table里面列的宽度,一开始我想调节字体的大小,把字体调大一点,但是我发现了一个问题,就是字体调大了,table里面的有一种字体的宽度限制了,直接我想显示的汉字,上下截取一部分了,字体调的越大,截取的就越多,最后导致页面很难看,百度了很长时间,都没有找到解决办法。

调节table的tr,td长宽高都能调节,就是字体被限制了,我一开始以为是因为字体的内边距导致的,后来发现才不是的,调节内边距左右都能调,就是上下没反应,我以为代码写错了,调了半天,才反应过来,应该不是内边距的问题。

后来突然想到了,还有另外一个属性是调table,那就是line-height,进过实践,果然是这个。

废话不多说,上代码:

 <style type="text/css">         
     .datagrid-header span {  line-height:80px ;   font-size: 50px !important; }//调节行高,字体大小
     .datagrid-header-row {      Height: 50px; }
      .panel-title {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 60px;
        color: inherit;
    }        
         .datagrid-btable tr{height: 80px;font-size :60px ;}
         .datagrid-cell {font-size :30px ;line-height:60px ; }          
     </style>

</head>
<body>
     <form id="form1" runat="server">
    </form>
    <div class="btnbarcontetn" style="margin-top: 1px; background: #fff; font-weight: bold"; >
     <table id="tbGrid" class="datagrid" xmlname="YRunTaskList" title="1号堆垛机正在执行的任务" url="StackerList1.aspx?action=GridBindList" >
    </table>
      </div>
    </body>

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值