关于css的简单问题，如果把Div和Span放到同一行？

0 0

关于css的简单问题，如果把Div和Span放到同一行？0

	<table>
	<tr>
		<th style="width:180px;border:1px solid red">
			<div>div</div> 
			<span>span</span>			
		</th>
	</tr>
	</table>

上面这段代码，如果能通过调整Span的css，把span和div放到同一行？

注意，不能调整除span之外的任何元素的css属性。但是可以把span变成其他的元素，则要这个元素支持背景为图片的属性。

问题补充：解决了，很简单：
<table>
<tr>
<th style="width:180px;border:1px solid red">
<span style="float:right">span</span>
<div>div</div>
</th>
</tr>
</table>

2013年4月26日 10:33

zengjd
1
0 0 11

7个答案按时间排序按投票排序

0 0

使用定位就可以做到。

2013年4月27日 09:20

cheneyjuu
0
0 0 1

添加评论

0 0

觉得还是设置div的display:inline-block比较好一点

2013年4月26日 21:34

tianyawuchen
25
0 0 0

添加评论

0 0

和hejiaqi789 类似的思路。
1.指定position
2.用top和left定位

不同的是，position不好是absolute的，那样就脱离的父容器。

<span style="position: relative; top: -15px; left: 50px; border: 1px solid blue">span</span>

border是突出显示用，无意义。

2013年4月26日 12:22

clxy
825
0 3 62

添加评论

0 0

1 float:left

<th style="width:180px;border:1px solid red">
        <div style="float: left;">div</div>
        <span style="float: left;">span</span>
</th>

2 display: inline-block; 或 display: inline；
<th style="width:180px;border:1px solid red">
        <div style="display: inline-block;">div</div>
        <span>span</span>
    </th>

2013年4月26日 11:46