html td ul li-hml td 列中使用ul li 显示中有空格无法去除 (有图)

问题描述

hml td 列中使用ul li 显示中有空格无法去除 (有图)

我的页面中出现了td标签使用 ul 标签后出现圆点和左侧空格的问题,格式比较难控制,如何去除左边空格的问题???

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
    #WOTemp li{
        float: left;
        margin-left: 10px;
    }
    body{background:none!important;}
</style>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div id = "content">
    <div>
        <div style="background:#f4f6f9;  border-style:solid; border-width:1px; border-color:#000">
                <table cellspacing="0" border="0" cellpadding="0" align="center" width="80%">
                    <colgroup>
                        <col style="width:10%"/>
                        <col style="width:20%"/>
                        <col style="width:10%"/>
                        <col style="width:20%"/>
                        <col style="width:10%"/>
                        <col style="width:20%"/>
                    </colgroup>
                    <tbody>
                    <tr style="font-size: 12px;">
                        <td colspan="2"><font style="color:#333399;font-weight:bold;">工单编号:</font>123456</td>
                        <td colspan="2"><font style="color:#333399;font-weight:bold;">订单编号:</font>123456</td>
                        <td width="35%" colspan="2"><font style="color:#333399;font-weight:bold;">工单状态:</font>start</td>
                    </tr>

                      <tr style="font-size: 12px;">
                            <td width="11%"><p ><font style="color:#333399;font-weight:bold;">附加信息:</font></p></td>
                            <td colspan="5" align="left" >
                            <ul id="WOTemp" style="margin: 0px; padding: 0px;">

          <li style="margin-left: 10px; list-style-type: none;" >EEE : vvvv</li>

                              </ul>
                        </td>
                        </tr>
                    </tbody>
                </table>
        </div>
    </div>
</div>
</body>
</html>

显示的样子如下:

?标出颜色的部分是多余的空白,怎么能够去除掉? 网上的几种办法都不行

请大侠帮忙解决一下。

解决方案

截出页面的html代码看看。

解决方案二:

你td定位的问题,和ul没得关系。空白是你的第一个td产生的,不是ul产生的,将第一行的第一个的单元格拆分成2个

 <table cellspacing="0" border="0" cellpadding="0" align="center" width="80%">
                    <colgroup>
                        <col style="width:10%"/>
                        <col style="width:20%"/>
                        <col style="width:10%"/>
                        <col style="width:20%"/>
                        <col style="width:10%"/>
                        <col style="width:20%"/>
                    </colgroup>
                    <tbody>
                    <tr style="font-size: 12px;">
                        <td align="right"><font style="color:#333399;font-weight:bold;">工单编号:</font></td>
                        <td>123456</td>
                        <td colspan="2"><font style="color:#333399;font-weight:bold;">订单编号:</font>123456</td>
                        <td width="35%" colspan="2"><font style="color:#333399;font-weight:bold;">工单状态:</font>start</td>
                    </tr>

                      <tr style="font-size: 12px;">
                            <td align="right"><p ><font style="color:#333399;font-weight:bold;">附加信息:</font></p></td>
                            <td colspan="5" align="left" >
                            <ul id="WOTemp" style="margin: 0px; padding: 0px;">

          <li style="margin-left: 10px; list-style-type: none;" >EEE : vvvv</li>

                              </ul>
                        </td>
                        </tr>
                    </tbody>
                </table>
时间: 2024-07-28 13:26:38

html td ul li-hml td 列中使用ul li 显示中有空格无法去除 (有图)的相关文章

C# 如何将一条字符数组的数据,每以有规律的将数据显示在ListView控件的每行每列中

问题描述 C# 如何将一条字符数组的数据,每以有规律的将数据显示在ListView控件的每行每列中 现在ListView控件中有三行三列数据,我通过方法将这三行三列数组变成一条字符串,每列数据以逗号隔开,每行以分号隔开,然后保存到数据库中.现在我要将这条字符串的数据,重新按着原来的格式显示在ListView控件中.比如 ListView控件的第一行:23 张三 男 第二行: 21 李四 男 第三行三列分别是 20 王五 男.现在我将这三行三列的数据以字符串的格式保存到数据库中.string st

table嵌套-table的多个td列中,分别每列嵌套一个table,如何控制嵌套的多个table的每个行高一致!

问题描述 table的多个td列中,分别每列嵌套一个table,如何控制嵌套的多个table的每个行高一致! 目前情况如下图: 内容行是由js控制可以动态增.减的. 外面是一个Table,有N个列: 每个列里面嵌套一个Table(每一列其实代表一个字段):多个嵌套的Table 的行数据是同步增.减的.所以行数肯定是一致的.但是每个字段列内容不一样,可能导致有些嵌套Table 的内容比较多,导致行高比较高,从而引起多个嵌套Table的每行的行高可能会错乱. 大家是否有好的解决方案????? 目前这

js修改table中Td的值(定义td的双击事件)_javascript技巧

客户需求至上. 这次是更改后的代码,去掉了"确定","取消"按钮.变单击为双击事件,用户按ESC键,取消更改. 复制代码 代码如下: //为每个Td添加双击事件 function ReWritable() { var tbmian=document.getElementById("tbmain"); //循环,为每行每列添加双击事件,但是,第一行(thead)与最后一行(tfoot)不添加. for(var i=1;i<tbmain.row

td是什么文件 td文件怎么打开

td是什么文件 TD文件是迅雷还没有下载完成的文件,为了不与电影文件混淆,在它后面加个扩展名"TD"以别区分,当下载完成后TD就会自动取消.对于电影文件,如果你下载有99%了,没有资源了,这时你对它重命名,把后面的TD删掉,有的也能播放. *.td和*.td.cfg文件,这二个是迅雷的临时下载文件.和配置文件,在*.td文件里是你的下载数据,*.td.cfg文件是您的这个文件的配置文件,记录的是您下载这个文件的配置,(线程,存放目录,用户名,密码等等),当您的文件下载完成了以后,会自动

为啥li中的背景图片显示不出来

问题描述 为啥li中的背景图片显示不出来 代码如下: <style type="text/css"> #topnav{ height:36px; background-color:silver; border: 1px solid seagreen; } #topnav ul{ /*line-height:30px;*/ margin: 5px; padding: 0px; border-bottom: solid; border-bottom-width: 2px; bo

存储过程替换text,ntext列中的字符串

存储过程|字符串 /*author:amjndate:2003-03-28version:1.0function:替换text,ntext列中的字符串(不支持中文)*/declare @ptr varbinary(16)declare @amjnId intdeclare @Position int,@len intset @len=datalength('ILOVEHJL') declare wux_Cursor scroll Cursorfor select textptr([Name]),

在datagrid列中添加下拉列表

datagrid|下拉|下拉列表 private void AddGrdComBox()//在datagrid列中添加下拉列表 { DataGridTextBoxColumn dgtb = (DataGridTextBoxColumn)grd_please.TableStyles[0].GridColumnStyles[8]; //8是列的序号 ComboBox cmbFunctionArea = new ComboBox(); cmbFunctionArea.Items.AddRange(ne

批量获取DataGrid控件模板列中的数据

datagrid|datagrid控件|模板|数据 批量获取DataGrid控件模板列中的数据 在DataGrid中一般只能单个获取每一行的数据,若要批量获取DataGrid控件中的数据必须对每一个模板列的控件进行扫描,获取其中的数据.我本想做的程序是根据不同的行数,由用户一次输入若干数据,提交后系统自动获取批量数据的程序.以下程序简单表达了需要实现的功能 test.aspx .......... <asp:DataGrid id="dgResult" runat="s

在EXCEL中获取列中不重复的值的个数

excel|重复 Public Sub distinctCount()'求Col列中StartRow到EndRow范围中不重复的个数'本例是计算标题为sheet1的Excel表中的A1:A240的不重复值的个数 '修改下面四行的结尾值 Dim sheetsCaption As String: sheetsCaption = "Sheet1" Dim Col As String: Col = "A" Dim StartRow As Integer: StartRow