已编辑

这是我更新的问题:我在网站上包含一个链接,该链接在此处显示了确切的问题。第一个框的标题很短,因此不会将其下方的两个div(位置和价格)向下推得很远。 第二个框的标题稍长一些,因此按得更多。 第三个方框的标题最长,并且推入的次数超过方框1和2。

在这种情况下,我希望框#1和#2在其标题div上填充“空白”,以便将位置/价格div向下推(如框#3)。 这必须是动态的,因为有时框1的标题最长。 我以为空白字符可能有用,但显然不行...

谢谢你的帮助!

此行下方是旧的我的网站上有一个列表项,其中包含一张图像和3个div(标题框,位置框和价格框)。

我感兴趣的行是标题框,主要是我希望它始终包含40个字符。 如果更少,我需要添加空白填充。

我将在下面发布整个列表代码,但这只是标题div:

<div class="titlebox">Exceptional House with a View</div>

该标题只有29个字符,但我希望将其视为40个字符 。我不在乎是否超过40 个字符 ,我只需要一个函数就可以用40个字符填充空格

这怎么可能? 谢谢!

这是整个列表项:

<li class="list__item">
            <figure class="list__item__inner">
            <a class="divLink" href="http://www.testsite.com/BEE/info.html">
             <p class="vignette" style="background-image:url(http://www.fakesite.com/image2.jpg)"></p>
             <div class="titlebox">Exceptional House with a View</div>
       <div class="locationbox">BorrisVille</div>
     <div class="pricebox">Asking $349,000</div>
     </a>
</li>

#1楼 票数:0

您是否考虑过使用CSS最小宽度?

<div style="min-width: 200px;"></div>

为了回答您的问题,您也可以在Javascript / jQuery中创建一个方法,但这看起来/感觉很草率:

function maxOut() {
        var spacesNeeded = 40 - $('#myDiv').html().length;
        var spacer = '';
        for (var i = 0; i < spacesNeeded; i++) {
            spacer += '&nbsp;';
        }
        $('#myDiv').append(spacer);
    }

  ask by Nova translate from so

未解决问题?本站智能推荐:

2回复

每隔X行将静态文本填充到单元格中

我有代码,每X记录数量填充一个空白行。 我想要做的是有一些代码,然后将一些静态文本插入到那些空行中的单元格中。 这是我要添加空白行的功能...代码不是我的全部,我从互联网上抢了它。 我需要做的是将静态文本填充到正在创建的空白行中。 然后继续填充并每50条记录添加一次。 谢谢!
3回复

填充列表元素,空格为最小长度

对于长度小于最小值的任何名称,请使用包含名称的新字符串替换列表中的项目,并在右侧添加空格以获得最小长度。 例如,如果列表包含名称“Sue”且最小长度为5,则该项目将替换为填充2个空格的名称:“Sue”。 任何已经是最小长度或更长的名称都不会改变。 现在我想得到答案*并将该数量的空
2回复

如何获取li> span 2div文本..?

如何在单击ul li span时获取第二个div文本 请帮我
2回复

文本对齐,Python

如何对齐文本,以使其剪切字符串的前140个字符,并用空格填充其余字符? 例如"%140s"%some_text但另一边是空格。 有什么想法吗?
1回复

从更大的文本列表中输出(显示)随机选择的文本-Ruby On Rails

我想从保存为.txt文件的较大文本列表中输出几行文本,并且希望它在刷新或仅到达网页时将其自身随机输出到选定的div中。 进行任何“专家”活动时,对如何做类似或类似的事情都有一些想法。 谢谢。
1回复

文本将不会保持与HTML文档中所写格式相同的格式

我的HTML文档在这样的列表中写下了一堆文本; 例 测试 这个 方式 然而,当页面被加载时,它的所有混杂的行。 如何格式化它,使其像上面一样书写但没有空格? 使用 <p> 仅产生更多的间距。
2回复

将文本与 div 的底部对齐

我尝试将我的文本与 Stack Overflow 中其他帖子和答案中的 div 底部对齐,我学会了使用不同的 CSS 属性来处理这个问题。 但我做不到。 基本上我的 HTML 代码是这样的: <div style='height:200px; float:left; borde
5回复

CSS使文本左对齐并同时对齐

有没有办法让文本左对齐并且同时对齐? 意思是左对齐。 有没有办法实现这个目标? 感谢帮助。