将图像浮动到div的右下角。 [英] Floating an image to the bottom right of a div.
问题描述
我想将图像浮动到包含几个
段落的DIV的底部，以便它位于关闭的右边
段落（如果窗口是
狭窄，最好低于结束段落。）
ASCII艺术（需要固定宽度字体）：
| ------------------------- |
| Qqqqqqqqqqqqqqqqqqqqqqqqq |
| qqqqqqqqqqqqqqqqqqqqqqqqq |
| qqqqqqqqqqqqqqqqqqqqqq。 |
| qqqqqqqqqqqqqqqqqqqqqqqqq |
| qqqqqqqqqqqqqqqqqqqqqqqqq |
| qqqqqqqqqqq ------------- |
| qqqqqqqqqqq | ||
| qqqqqqqq。 | ||
| Qqqqqqqqqqq |图像||
| qqqqqqqqqq。 | ||
| Qqqqqqqqqqq | ||
| qqqqqqq。 ------------- |
| ------------------------- |
原因是所有的文字都与图像有关，但是最直接的是关闭段落的
。
DIV的总大小可能超过大多数读者的窗口。
我能想到的唯一方法是做出关于
读者的窗口大小/字体大小并猜测哪些段落适合
图片旁边 - 这正是这里的常客试图
避免。
任何好主意？
-
Stephen Poley
http://www.xs4all.nl/~sbpoley/ webmatters /
I''d like to float an image to the bottom of a DIV containing several
paragraphs, so that it is positioned to the right of the closing
paragraphs (and preferably below the closing paragraphs if the window is
narrow).
ASCII art (needs fixed width font):
|-------------------------|
|Qqqqqqqqqqqqqqqqqqqqqqqqq|
|qqqqqqqqqqqqqqqqqqqqqqqqq|
|qqqqqqqqqqqqqqqqqqqqqq. |
|Qqqqqqqqqqqqqqqqqqqqqqqqq|
|qqqqqqqqqqqqqqqqqqqqqqqqq|
|qqqqqqqqqqq -------------|
|qqqqqqqqqqq | ||
|qqqqqqqq. | ||
|Qqqqqqqqqqq | image ||
|qqqqqqqqqq. | ||
|Qqqqqqqqqqq | ||
|qqqqqqq. -------------|
|-------------------------|
The reason is that all the text is relevant to the image, but it is the
closing paragraphs that bear on it most directly. The total size of the
DIV will probably exceed most readers'' windows.
The only way I can think of doing it is to make assumptions about the
reader''s window-size / font-size and guess which paragraphs will fit
next to the image - which is exactly what the regulars here try to
avoid.
Any bright ideas?
--
Stephen Poley
http://www.xs4all.nl/~sbpoley/webmatters/
推荐答案
Stephen Poley写道：
Stephen Poley wrote:
我想将图像浮动到DIV的底部包含几个
段落，因此它位于关闭段落的右侧（如果窗口狭窄，最好位于关闭段落的下方）。
ASCII艺术（需要固定宽度字体）：
| ----------------------- - |
| Qqqqqqqqqqqqqqqqqqqqqqqqq |
| qqqqqqqqqqqqqqqqqqqqqqqqq |
| qqqqqqqqqqqqqqqqqqqqqq。 |
| qqqqqqqqqqqqqqqqqqqqqqqqq |
| qqqqqqqqqqqqqqqqqqqqqqqqq |
| qqqqqqqqqqq ------------- |
| qqqqqqqqqqq | ||
| qqqqqqqq。 | ||
| Qqqqqqqqqqq |图像||
| qqqqqqqqqq。 | ||
| Qqqqqqqqqqq | ||
| qqqqqqq。 ------------- |
| ------------------------- |
任何好主意？
I''d like to float an image to the bottom of a DIV containing several
paragraphs, so that it is positioned to the right of the closing
paragraphs (and preferably below the closing paragraphs if the window is
narrow).
ASCII art (needs fixed width font):
|-------------------------|
|Qqqqqqqqqqqqqqqqqqqqqqqqq|
|qqqqqqqqqqqqqqqqqqqqqqqqq|
|qqqqqqqqqqqqqqqqqqqqqq. |
|Qqqqqqqqqqqqqqqqqqqqqqqqq|
|qqqqqqqqqqqqqqqqqqqqqqqqq|
|qqqqqqqqqqq -------------|
|qqqqqqqqqqq | ||
|qqqqqqqq. | ||
|Qqqqqqqqqqq | image ||
|qqqqqqqqqq. | ||
|Qqqqqqqqqqq | ||
|qqqqqqq. -------------|
|-------------------------|
Any bright ideas?
你必须使用< table>'s仍然。
在单元格中放置vertical-align css-属性到底部，浮动
你的图像在右边并在那个单元格中抽出你的文字。
只是一个想法，没有测试它。在浏览器中进行广泛的演示需要表格。目前的CSS标准及其支持
仍然非常适合做复杂的布局。
HTH
you have to use <table>''s still.
In the cell put the vertical-align css-attribute to the bottom, float
your image to the right and pump your text in that cell.
Just an idea, didnt test it. Tables are needed for broadreach
presentation amongst browsers. Current CSS standards and their support
isnt still very suitable for doing complex layouts.
HTH
Marek M？nd写道：
Marek M?nd wrote:
Stephen Poley写道：
Stephen Poley wrote:
我想将图像浮动到包含
几段，以便它位于
关闭段落的右侧（如果窗口很窄，最好在关闭段落的下方）。
你必须使用< table>'还在。在单元格中，将vertical-align
css-attribute放到底部，将图像浮动到右边，然后在该单元格中输入文本。
I''d like to float an image to the bottom of a DIV containing
several paragraphs, so that it is positioned to the right of the
closing paragraphs (and preferably below the closing paragraphs if
the window is narrow).
you have to use <table>''s still. In the cell put the vertical-align
css-attribute to the bottom, float your image to the right and pump
your text in that cell.
这需要对用户的字体大小做出假设。有多少
段落应排在前排？底部有多少？ （我是
假设您建议使用多行，否则为什么使用< table>？您的
"解决方案在具体细节中相当含糊。
只是一个想法，没有测试它。
显然不是。
在浏览器中进行广泛演示需要表格。当前的CSS标准及其支持仍然非常适合于进行复杂的布局。
That requires making assumptions about the user''s font size. How many
paragraphs should go in the top row? How many in the bottom? (I''m
assuming you propose using more than one row, else why use <table>? Your
"solution" is rather vague in the specifics.
Just an idea, didnt test it.
Apparently not.
Tables are needed for broadreach presentation amongst browsers.
Current CSS standards and their support isnt still very suitable for
doing complex layouts.
在提出索赔之前，您至少可以提供演示。
-
Brian（删除无效给我发电子邮件）
Before making that claim, you could at least provide a demonstration.
--
Brian (remove "invalid" to email me)
Brian写道：
Marek M？nd写道：
Marek M?nd wrote:
Stephen Poley写道：
Stephen Poley wrote:
我想将图像漂浮到DIV的底部包含几个
段落，以便它位于关闭段落的右侧（如果是wi，最好在结束段落的下方） ndow
很窄）。你必须使用< table>'s。在单元格中将vertical-align
css-attribute放到底部，将图像向右浮动并在该单元格中输入文本。
I''d like to float an image to the bottom of a DIV containing several
paragraphs, so that it is positioned to the right of the closing
paragraphs (and preferably below the closing paragraphs if the window
is narrow). you have to use <table>''s still. In the cell put the vertical-align
css-attribute to the bottom, float your image to the right and pump
your text in that cell.
这需要做出关于用户的字体大小。
That requires making assumptions about the user''s font size.
是的，但他可能会有足够数量的行。
多少
段落应该排在第一行？底部有多少？ （我是
假设您建议使用多行，否则为什么使用< table>？您的
解决方案在具体细节上相当模糊。
Yes, but he will probably have sufficient amount of the lines.
How many
paragraphs should go in the top row? How many in the bottom? (I''m
assuming you propose using more than one row, else why use <table>? Your
"solution" is rather vague in the specifics.
是的，不止一个，除了OP也画了这个画面。
yes more than one, besides the OP drew the picture so too.
只是一个想法，没有测试它。
Just an idea, didnt test it.
显然不是。
Apparently not.
浏览器中的广泛演示需要表格。
当前的CSS标准及其支持仍然非常适合做复杂的布局。
Tables are needed for broadreach presentation amongst browsers.
Current CSS standards and their support isnt still very suitable for
doing complex layouts.
在提出索赔之前，你至少可以提供演示。
Before making that claim, you could at least provide a demonstration.
分布最广的浏览器MSIE不支持属性显示：table *
值。没有别的方法可以做到。他可以将图像
绝对定位到右下角，但绝对是b $ b元素将会很好地应该在哪里，但是糟糕的电子邮件将会是原因，因为文本将部分地存在于其中。因此，桌上的解决方案是恕我直言，
只适合工作一个。
你的解决方案就在哪里？
如果你是如此反对桌子并且显然比我更加熟练的话，那么
PELASE请回答我的问题
" 100％高度表单元格中的100％高度表格。
日期为15.10.2004，消息ID <2t ********** ***@uni-berlin.de>
The most spread browser MSIE doesnt support attribute display:table*
values. There is no other way doinging it. He could position the image
absolutely to the righght bottom corner, but absolutely psoitioned
element will be nicely where he should be, but the bad ews would be taht
the text would partly be under it. Thus the table solutuon is IMHO the
only right working one.
And your solutions on the subject are WHERE?
If you are so against tables and are aparently much more skillful than I
am on the subject of CSS, then
PELASE DO ANSWER MY QUESTION
"100% heighted table in 100% heighted table cell".
dated 15.10.2004 with message id <2t*************@uni-berlin.de>
这篇关于将图像浮动到div的右下角。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
