English 中文(简体)
位于两县一带。
原标题:Place two buttons one on top of the other in a span
  • 时间:2011-11-16 20:13:55
  •  标签:
  • html
  • css

我如何在一段时期内看到两个县。 各州的面积也应相同。 我尝试了垂直方向:中风和显示:24小时,但没有成功。 最终目标是在左边有一个名单,在中间有两个州,右边一个名单。 中间的州将是“Add”和“Remove”两个清单之间的项目。 我发现rel=“nofollow”>,但2004年更新了这一链接,似乎很难做到。 我早就在找工作,我绝不能寻找正确的东西,因此,一定会得到一些指导。

最佳回答

这里有两个州比另一个以上。

First between two lists:
http://jsfiddle.net/xGXER/

<!DOCTYPE html>
<html>
<head>
    <title>Buttons in between</title>
</head>
<body>
    <ul style="background: #afa; display: inline-block; width: 100px; vertical-align: top;">
        <li>First</li>
        <li>Second</li>
        <li>Third</li>
        <li>Fourth</li>
    </ul>

    <span style="display: inline-block; width: 70px; background: #6af; vertical-align: top;">
        <button style="width: 70px;">Add</button>
        <button style="width: 70px;">Remove</button>
    </span>

    <ul style="background: #afa; display: inline-block; width: 100px; text-align: right;  vertical-align: top;">
        <li>Ein</li>
        <li>Zwei</li>
        <li>Drei</li>
        <li>Vier</li>
    </ul>
</body>
</html>


...and then between two spans:
http://jsfiddle.net/JtXj2/

<!DOCTYPE html>
<html>
<head>
    <title>Buttons in between spans</title>
</head>
<body>
    <span style="background: #f06; vertical-align: top;">Foo bar has left the building</span>
    <span style="display: inline-block; width: 70px; height: 52px; background: #06f;">
        <button style="width: 70px;">Add</button>
        <button style="width: 70px;">Remove</button>
    </span>
    <span  style="background: #0f0; vertical-align: top;">Bar hopping is what we do at Friday nights</span>
</body>
</html>
问题回答
span { display:block; }
span button { float: left; width:100px; height:100px; margin:10px; clear:left; }
span .clearingelement { clear:left; }

<代码>span要素是在线显示元素。 为什么不使用“<条码>div要素,而这个要素是一个障碍? 我看不出打上<代码>span作为div的序号。

贵国在<条码>和代号;SPAN>内是否只有两吨。 我猜测<SPAN>载于<P>,因此我希望,这是你所需要的:

rel=“nofollow> http://jsfiddle.net/Gpt6a/。

这似乎过于简单,但是,如果问题实际上是“我能否在一段时期内看到两个纽州?” 我认为这是你的答复。

<span>
BUTTON 1<br />
BUTTON 2
</span>

http://www.un.org。

2. 列出名单的宽度并列出:

<ul style="width:100px; float:left;">
    <li>list item 1</li>
    <li>list item 2</li>
</ul>

<span>button1<br />button2</span>




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签