两个 DIV 彼此相邻。第一个文字,第二个图像。图像可变宽度。文本填充第 1 DIV 中的剩余空间?
以下是在 960 像素宽的容器内。
我想在页面左侧有两个 div(标题、文本),右侧有一个宽度可变的图像。我希望左侧 div 的内容能够填充图像未使用的剩余空间,而不环绕它。
我们非常感谢您为此提供的任何帮助。
谢谢, 安迪.
The following is within a container that is 960px wide.
I want to have two divs (title, text) on the left of the page, with an image on the right that has a variable width. I want the contents of the divs on the left to fill the remaining space the image isn't using without wrapping round it.
Any help you can give to do this is most appreciated.
Thanks,
Andy.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
将图像放在 HTML 中的第一位。将其向右浮动。
“不缠绕它。”不清楚。您的意思是缩放文本,使其适合图像高度提供的垂直空间?或者您不想让图像下方的文本占据整个窗口宽度(即为文本提供正确的填充图像宽度的大小)?
Put the image first in your HTML. Float it to the right.
"without wrapping round it." isn't clear. You mean to scale the text so that it fits in the vertical space the image's height provides? Or you don't want to allow the text underneath the image to take up the whole window width (i.e. give the text a right padding the size of the image width)?
您也许可以在网站'Layout Gala' 中找到所需的布局其中有 40 个用 CSS 预定义的网页布局的集合。所有页面都使用相同的 HTML 标记,并且仅通过 CSS 进行更改。
祝你好运,希望这会有所帮助。
You might be able to find the layout that you're looking for at 'Layout Gala', a site which has a collection of 40 pre-defined web page layouts done in CSS. All pages use the same HTML markup, and only are changed via CSS.
Good luck, and hope this helps.