页面中将按钮和a标签放在同一行时,显示为两行。如何将它们放在同一行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面中将按钮和a标签放在同一行时,显示为两行。如何将它们放在同一行相关的知识,希望对你有一定的参考价值。

页面是用表格的:
<table>
<tr>
<td><input id="btn_add" type="button" class="btn2" runat="server"/>
<a href="" target="_blank" class="btn2" style="display: block; height:15px"></a>
</td>
</tr>
</table>

<table>

<tr>

<td><input id="btn_add" type="button" class="btn2" runat="server" value="按钮"/></td>

<td><a href="" target="_blank" class="btn2" style="display: block; height:15px">我的链接</a></td>

</tr>

</table>

把按钮和a标签分别放在td标签中。

扩展资料:

<table> 标签定义 html 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

参考技术A 朋友,是这样的
你看的你的代码a标签下的style="display: block; height:15px",里面display属性是block,把a变成了区块。区块也就是占一整行的意思,要把它改成内联inline,如下:
<a href="" target="_blank" class="btn2" style="display: inline; height:15px"></a>

或者是加上float:right,让a标签区块右浮动,button标签左浮动float:left
<table>
<tr>
<td><input id="btn_add" type="button" class="btn2" runat="server" style="float:left"/>
<a href="" target="_blank" class="btn2" style="display: block; height:15px;float:right"></a>
</td>
</tr>
</table>

记得采纳哦本回答被提问者采纳

如何在Python中将字符串放在两行? [复制]

【中文标题】如何在Python中将字符串放在两行? [复制]【英文标题】:How to put string on two lines in Python? [duplicate] 【发布时间】:2014-12-20 18:13:12 【问题描述】:

我是 Python、PyCharm 和 Web API 测试领域的新手。

我正在尝试测试在 Web API 中出现错误时显示的错误消息。此错误消息有两个部分,并显示在两个单独的行上。

但不知何故,我为比较而生成的任何字符串定义总是显示在一行上。

这是我尝试过的事情之一 - 在两个部分之间创建了一个带有新行 \n 的字符串。

    wp_error = 'This page can\'t be saved.\n Some required information is missing.'

    # create new workspace and save it without filling up any information.
    self.test_mycode.click_and_wait(self.workspace_overview.new_workspace_button,
                                     self.new_workspace._save_button_locator)
    self.new_workspace.save_button.click()

    self.message.check_message('error', wp_error)

但这不起作用,我得到了:

在 check_message 中 Assert.equal(message.message_body.text, message_text)

self = <class 'unittestzero.Assert'>
first = "This page can't be saved.
Some required information is missing."
second = "This page can't be saved.\n Some required information is missing."
.....

>       assert first == second, msg
E       AssertionError: None

所以我的问题是如何定义字符串以适当地测试出现在两行上的错误消息? 谢谢。

【问题讨论】:

@user2864740,OP 的wp_error 行有什么问题? @PadraicCunningham 好电话,我误读了症状。 【参考方案1】:

如果:

first = """This page can't be saved.
Some required information is missing."""
second = "This page can't be saved.\n Some required information is missing."
assert first == second

失败,那么问题可能是:

first  == "This page can't be saved.\nSome required information is missing."
second == "This page can't be saved.\n Some required information is missing."

即在换行符之后,第二个中有一个额外的空格。 (还要注意三引号,以允许字符串跨行而编译器不会抱怨,)

解决方案:您可以:

    对测试数据要格外小心。

    使用“垫片”来允许“大约等于”。例如:

    import re
    FOLD_WHITESPACE = re.compile(r'\s+')
    
    def oneline(s):
       return FOLD_WHITESPACE.sub(" ", s)
    
    assert oneline(first) == oneline(second)
    

    我并不是说这种特殊的转换是所有字符串比较的理想转换,但它是一种简单的转换,您无需过度关注空格(包括换行符)。

    类似的“几乎等于”或“转换后的等于”测试通常方便或需要测试字符串和浮点值。

    顺便说一句,如果您使用的是断言的对象调用版本,它可能会表达为:

    Assert.equal(oneline(message.message_body.text),
                 oneline(message_text))
    

【讨论】:

我也在想同样的事情,但我很困惑为什么测试运行程序似乎会 print first(或至少解释换行符),并且另一方面显示repr()second? @LukasGraf 好点。我不完全相信所提供的代码。我的意思是,你怎么得到self = &lt;class 'unittestzero.Assert'&gt;?作为一个等于== 好的,但是作为一个任务?那不是合法的Python。但是,我的测试运行器输出(pytest 和 fox)看起来非常不同。所以我忽略了这些怪癖。

以上是关于页面中将按钮和a标签放在同一行时,显示为两行。如何将它们放在同一行的主要内容,如果未能解决你的问题,请参考以下文章

Excel如何把同一列的内容拆分为两列

Magento:在产品页面中将产品选项显示为两列中的列表元素

两个DIV如何浮动在一行?

我们如何在 MapKit 中将标签放在自定义引脚上?

通过文本小部件显示文本时Flutter,有时文本显示为两行

带有两行标签/文本的 TextButton 图标,可以吗?