Css问题:同一行中一部分文件居左另一部分居右

<div>
<strong>左侧文字</strong> <span style="float:right;"><a href="#">右侧文字>></a></span>
</div>

大家好,如上述CSS代码所示,我让两段文件分别居左与居右,但是测试时发,右侧文字虽然居右了,但却不在同一行。我该怎样做?

给左侧strong和右侧a分别设置合适的宽度,你没设置的话,他们默认宽度会和整个父级div一样,两个很长的东西,父级就装不下他们,只能换行了。

下面div总宽1000px,里面两个左右浮动的p,宽度分别为500px,div刚好能容下他们,你试试把任意一个p宽度改为501px,多1px,马上挤下去变两行。
<div style="width:1000px;">
<p style="width:500px;float:left;">Left txt</p>
<p style="width:500px;float:right;">Right txt</p>
</div>
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-04-06
你要两个元素都浮动才行,然后清浮动

Css问题:同一行中一部分文件居左另一部分居右
给左侧strong和右侧a分别设置合适的宽度,你没设置的话,他们默认宽度会和整个父级div一样,两个很长的东西,父级就装不下他们,只能换行了。下面div总宽1000px,里面两个左右浮动的p,宽度分别为500px,div刚好能容下他们,你试试把任意一个p宽度改为501px,多1px,马上挤下去变两行。 Left txt ...

请教CSS 如何设置一行内一半居左 ,一半居右?
是这样的,你把MORE这句写到“商信通”的前面的后面,然后给那个STYLE3的样式添一句 float:left就好了 代码如下: <!-- .STYLE1 { font-size: 14px;line-height: 20px;letter-spacing: 3px;} .STYLE2 { font-size: 12px;letter-spacing: 5px;} .STYLE3 { font-size: 10px;color: ...

在一个表格中 两个字一个居左 一个居右,CSS怎样写
.left{ float:left;} .right{ float:right;} 这样试了下也能做出你要的效果,参考下

css怎么处理一行文字,一部分左对齐,一部分居中对齐?
td{width:15%;text-align:left; } td2{width:80%;text-align:center;} 昵称:XXXX

CSS一边居左一边居右的代码?
{ margin:0; padding:0;} a{ width:910px; margin:20px auto;} l{ width:450px; border:1px solid #ccc; float:left; height:210px;} r{ width:450px; border:1px solid #ccc; float:right; height:210px;} .cf{ clear:both;} .f{ clear:both; height:90px; border:1px solid ...

内的内容怎么设置一半居左和一半居右
关键字点击 然后设置css样式 p{ text-align:right;} p span{ float:left;} 这样就可以了

css怎么使一个div的高随另一个div的高的变化而变化,还有就是怎么使第...
右边的div高度你可以用一点js和jquery来控制,比如你用$("#divLeft").css("height")来获取左边的高度,然后把这个值设给右边就可以实现实时变化了,因为我知道你这个forum的话是左边可能变化比较大,然后右边要随着左边的变化来适应,当然float也要设置为left;(此处要保证你的左div和右div的宽度之和...

CSS问题。我想让一些内容在一个div里是靠左的显示,然后让这个div在屏 ...
其实一楼说的是对的,想要居中需要有绝对宽度,然后margin:0 auto;

如何用DIV+CSS将网页布局 左中右 并列
若网页布局出现左、中、右并列且宽度大但不换行的情况,可通过以下方式调整。首先,设定一个父容器,宽度为900px,使用居中属性确保其居中显示。然后,为每个子元素设置宽度,例如30%,高度统一为100%,并添加1px的黑色边框以突出区块。使用float属性让元素水平排列。接着,为左侧元素添加margin-left属性,...

CSS 实现居左到居右过渡变化的一些思路
介绍几种实现 CSS 居左到居右过渡变化的思路。许多 CSS 属性不支持过渡变化,比如 flex 中的对齐方式 justify-content, 以及文本对齐方式 text-align。例如,下面这个效果:需要从左到右的平滑过渡,常规的对齐方式无法实现。可以使用定位加偏移的方法。首先进行简单的布局,然后在样式中调整元素的 left ...

相似回答