我确信这是一件非常简单的事情,但我一整天都在用头撞它,所以我决定直接问。
我有一些div,我想在他们的父div中与右对齐。如果我没有指定宽度,“文本对齐:右”工作:
<div style="text-align: right;">
<div>
This text aligns to the right
</div>
</div>
但是,如果我在内部元素上设置一个像素大小,它就不会:
<div style="text-align: right;">
<div
我在html网页中创建了两个div,如下所示-
<div style="float:left">image here</div>
<div style="float:right">small images and medium size text content here</div>
我打算做的是这两个div的左右对齐。但问题是每个div占用容器宽度的一半,因此在左侧div的右侧和右侧div之前有一些空格,因为通常右侧div从容器宽度的中间开始。
我希望右边的div内容就在左边div的右边,没有空格,但它没有出现。
如何将文本右对齐?我有一个展开和折叠的容器。我想要将展开/折叠文本右对齐。我不想使用float:right;。有没有其他方法可以达到同样的效果。
<div class="container">
<div class="header"><span>Expand</span>
</div>
<div class="content">
<ul>
<li>This is just some ra
我是对齐文本在一个固定宽度的<p>.我希望<p>的宽度能够被截断,这样它就变成了最小的宽度,基本上就是实际文本的宽度。
请看这把小提琴:我希望标题与单词“示例”水平对齐。
编辑:为了更清楚:我希望<p>是对齐的。我也想要水平对齐一个标题与左边缘的上述右对齐<p>。
我希望这个解决方案能够处理任何文本,而不仅仅是硬编码一些填充。
<div>
<h4>
PLEASE LINE ME UP
</h4>
<p>
This is some example
</p>
<tr>
<td>
Left Text
<div style='text-align:right;float:right;'>
<img src='./close.png' height='40px' />
</div>
</td>
</tr>
<tr>
<td>
This text gets bumped down due to