0

我有一段文字，那是画廊的简历。

画廊有一个流动的布局，也就是说，你可以看到 4 张图片到 x 张图片，比如说 8 张图片，具体取决于屏幕宽度。

我的客户希望文本块与此布局的宽度完全相同，但正如您所料，图像会独立于文本块更改它们的行。

你能看到解决方案吗？这是代码，如果适合，您可以或多或少地更改它，重要的限制是它必须是液体设计：

 <div class="descrip">

                                    <span>lorem ipsum lorem 
ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum 
lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem 
ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum 
lorem ipsum lorem ipsum lorem ipsum lorem ipsum</span>
                                </div>


                                <ul class="galeria">
    <li>
<a rel ="prettyphoto[1]" href="ipsum.jpg" title="">
<img src="ipsum4.jpg" alt="" height="120" /></a>
</li>
  <li>
<a rel ="prettyphoto[1]" href="ipsum.jpg" title="">
<img src="ipsum4.jpg" alt="" height="120" /></a>
</li>
  <li>
<a rel ="prettyphoto[1]" href="ipsum.jpg" title="">
<img src="ipsum4.jpg" alt="" height="120" /></a>
</li>

    </ul>
4

2 回答 2

1

使用 javascript！获取图像容器宽度并将其设置为文本容器。或者设置 text-align: justify ...它可能会更好看

jQuery 示例：

var containerwidth = $('#image-container').width();
$('#text-container').width(containerwidth);
于 2011-11-28T14:56:49.980 回答
0

正如@ggzone 所指出的，您需要Javascript - 以及对您的代码进行一些额外的更改。

我对您的代码进行了一些更改，并添加了一个 jQuery 函数 - 它有效：

http://pastebin.com/t8GxmWu9

我必须做的主要改变是将列表更改为跨度 - 否则无法检测到宽度......

也许有一个解决方法，但我对此没有直接的答案......

希望能帮助到你。

于 2011-11-28T15:07:45.463 回答