相关疑难解决方法(0)

使用CSS截断长字符串:可行吗?

是否有任何使用纯HTML和CSS截断文本的好方法,以便动态内容可以适应固定宽度和高度的布局?

我已经截断由服务器端的逻辑宽度(即一个盲目猜测的字符数),但由于一个"W"是比更宽的"i"这倾向于是次优的,并且还需要我重新猜测(并保持调整)每个固定宽度的字符数.理想情况下,截断将在浏览器中发生,浏览器知道渲染文本的物理宽度.

我发现IE有一个text-overflow: ellipsis属性正是我想要的,但我需要这个是跨浏览器.这个属性似乎(有些?)标准但Firefox不支持.我发现各种 解决方法基础上overflow: hidden,但他们要么不显示省略号(我希望用户知道的内容被截断),或显示这一切的时候(即使内容没有截断).

有没有人有一个很好的方法来适应固定布局中的动态文本,或者是服务器端截断的逻辑宽度和我现在要获得的一样好?

css layout text truncate cross-browser

209
推荐指数
5
解决办法
14万
查看次数

如何仅显示div的前几行(clamp)?

我有一个列表,divs其中显示较长文档的预览.文档使用不同的字体样式.所以我没有恒定的线高.这是一个例子:http://jsfiddle.net/z56vn/

我只需要显示每个文档的前几行.我们已经确定300px是正确的.如果我只设置一个max-height300px到divs,那么根据文本属性(大小,填充,边距),最后一行的底部会被剪裁.

如何max-height为接近300px但不会导致剪裁的每个块设置一个?

该解决方案可以使用CSS,Javascript和jQuery.


这两个问题是相似的,但他们的解决方案采用恒定的线高.

html javascript css jquery

8
推荐指数
1
解决办法
2万
查看次数

如何从段落中获得第一行

我有一个存储在数据库中的段落我想从前五行获得.它怎么做?

我应该将第一个数组转换为srting吗?如果是,那该怎么办?

如果它的字符串比我可以做到这一点

$str='mayank kumar swami mayank kumar swami';
$var= strlen($str);
for($i=0;$i<8;$i++){
    echo $str[$i];
}
Run Code Online (Sandbox Code Playgroud)
  1. 或者如何通过sql从数据库中获取200个单词?

我知道它可以通过css轻松显示在显示段落的第一行坚果我想通过php或sql查询执行此操作

我在做什么

$article_result = mysql_query("SELECT * FROM article ORDER BY time DESC LIMIT 1",$connection);
    if($article_result){
        while($row = mysql_fetch_array($article_result)) 
            {

                echo "<div class=\"article_div\" >";
                echo "<h4 id=\"article_heading\"><img src=\"images/new.png\" alt=\"havent got\" style=\"padding-right:7px;\">".$row['article_name']."</h4>";
                echo"<h5 class=\"article_byline\">";
                echo" by";
                echo"<a href=\"#\">{$row['authore']}</a></h5>";
                echo" <div id=\"article_about\"><p>{$row['content']}</p></div>";
                             //here i want to get only 2000  word from database (content)

                echo "</div>";
            }
        }
Run Code Online (Sandbox Code Playgroud)

php sql

1
推荐指数
1
解决办法
5070
查看次数

标签 统计

css ×2

cross-browser ×1

html ×1

javascript ×1

jquery ×1

layout ×1

php ×1

sql ×1

text ×1

truncate ×1