我有一个表,我将尝试以这种方式表示:

-------------------------
| L1 |       R1         | 
------------------------  
| L2 |       R2         |
-------------------------

我的代码如下:

<div data-role="content" id="div1" align="top" style="padding:3 !important;" >  
        <table border="0" align="CENTER" cellspacing="0" width="100%" style="vertical-    align: text-bottom;" >
        <tr>
        <td></td>
        <td>
            <div id="question1" class="question">
                <input type="text" id="question" />
            <Style>
                #question{
                  font:5px;
                  font-family:verdana;
                }
            </style>        
            </div>
        </td></tr><tr>
        <td width="50"><img id="img2" width="40" height="36" style="float:right; margin-top: 0px;" ></td>
        <td style="text-align:center;">
            <div class="ui-grid-b" >
                <div class="ui-block-a"><button id="button1" type="submit" data-theme="b" style="font-size:0.8em;"></button></div>
                <div class="ui-block-b"><button id="button2" type="submit" data-theme="b" style="font-size:0.8em;"></button></div>   
                <div class="ui-block-c"><button id="button3" type="submit" data-theme="b" style="font-size:0.8em;"></button></div>  
            </div>
        </td>
        </tr>
        </table>
</div>

所以基本上我想做的是,表中没有L1节。 R1有数据,R2也有。 L2中有一个图像。 我想做的是删除L1和L2之间的分隔线,L2中的图像应居于表格的中心,而不仅仅是L2的TD。 我怎么做?

我还有另一个问题是,在下面的代码行中:

<input type="text" id="question" />

当填充值并且在移动设备上查看该值时,文本有时会转到下一行。 我认为textarea是唯一具有多行的HTML标记。 不知道为什么这里的文本会变成多行,如何避免?

===============>>#1 票数:1 已采纳

参见<table border="0"....下的这一位<table border="0"....

<tr><td></td>

更改为

 <tr>
   <td width="50" rowspan="2">
     <img id="img2" width="40" height="36" style="float:right; margin-top: 0px;">
   </td>

然后删除最初保存该图像的<td></td>

  ask by p0tta translate from so

未解决问题?本站智能推荐:

2回复

如何从html表格中生成td(cell)以使行适合一行?

在某些html单元格(td)中,文本被包装,因为列的大小小于单元格上文本的大小。 我不希望文本被包装,我希望列宽扩展,所以包装不会发生! 我怎样才能做到这一点? 最后一点说明,我只能使用html代码,没有css :(
3回复

HTML表格/ tr高度

我正在尝试固定HTML表格行的高度。 以下是我正在使用的代码: 我得到的是下面的输出: 这不是我想要的输出。 表格行中的“ 添加到购物车”按钮后,我不需要多余的空间。
1回复

HTML表格-多个跨度[关闭]

我想创建一个如下表: 我写了一些代码,但我认为这是不正确的。 由于我刚接触HTML,因此有人可以给我一些建议吗:
2回复

在TD上跨度

我认为一张图片最能描述这一点:JS FIDDLE HERE: http : //jsfiddle.net/fp2Ak/ 我要做的是让这些线实际接触。 每个都是跨度,在td内有一个数字。 注意:某些Tds包含多个跨度,例如218和222。(您可以看到带有淡蓝色线条的tr。) 如您
1回复

HTML表格行中的交替颜色无效

我创建了一个具有以下样式的JSP, 我在JSP中为属性建模并呈现表。 由于我遍历了在JSP中建模的List,因此我必须设置逻辑来交替HTML表行。 我使用了JSTL,并具有以下代码: 我使用了Firebug然后看到该类确实变成了: 这意味着该类已被选中,但背景颜色
2回复

使用表格和td将图片下方的文字居中

我正在建立一个网站,并在其中添加了带有图片的表格,但无法在以下td单元格中将表格下方的文本居中。 我当前的代码将其向左偏移,而不是直接在其下方。 这是我的代码: HTML: CSS:
3回复

最近在新线上?

我为客户转换了一些表格数据: 这是表格数据。 它应该在一个表:) 在doc这个词中,他将最后一个单元格(荷兰语描述)放在一个新的行上。 我可以将每个最后一个单元格正则表达为colspan =“2”的新行,但这不是结构。 我试过了: 但每个浏览器都忽略了这一点。 有任
2回复

专注于表格行TR的可访问性

我需要在表行上实现可访问性。 理想情况下,该应用程序应该基于div,而行应该是li的,但是它是一个旧的应用程序,因此不能重新设计。 因此,我们不得不对其进行调整并使其易于使用。 你们中的任何一个都可以帮我把重点放在桌子上吗? 有可能吗? 例如:下表在选项卡上应首先集中在第一行,然后
2回复

在简单的HTML表列解析上工作

我正在使用python处理HTML表。 我想知道如何使用lxml获取不同的列值? HTML表格: 我希望得到的输出为: 我如何获取这种不同的列及其值?
1回复

表格行的圆角[重复]

这个问题已经在这里有了答案 : 显示的CSS3边界半径:表格行元素 (3个答案) 6年前关闭。 我想在表行中添加带有边框的圆角,每个表行将有一个