Question

我从db获取链接地址，它显示在带有html h3标记的div框中，类名为 .images 。此css类图像宽度为210px。但不幸的是，这个链接地址已经开箱即用了......它应该在框内。你能告诉我我的css代码有什么问题吗？

Css代码：

.images{
max-width:210px;    
float:left;
position:relative;
margin:15px 30px 15px 0;
border:0px #000 solid; 
}
.images h3 a{width:210px !important; height:auto;}      
.images img{    
margin:0;
padding:5px;
border:1px #ccc solid;  
}

pho代码：

while($res =  mysql_fetch_array($iamges)){

echo "<div class='images'>";

        $image = $res['image']; 
        $directory = "galary_images/";  
        $link =  inputvalid($res['link']);  

echo "<h3><a href='$link' target='_new'>$link</a></h3>";        

        if(empty($link))
        {
            echo "<img src='$directory/$image'>";   
        }
        else
        {
                echo "<a href='$link' target='_new'><img src='$directory/$image'></a>";

        }   
echo "</div>";
}

Answer 1

您是否尝试过设置

overflow:hidden

在你的CSS中.images？

Answer 2

Since the link has no spaces in between, they cannot be broken into seperate lines. you can use code like this :
$link = "long link";
<a href = "long link">echo (strlen()<=10)?$link:substr($link, 0 ,7)."...";
</a>



Say link is http://stackoverflow.com/questions/20198005/text-is-going-to-outside-of-box-css-issue,
it will display something like this :  http://stackoverflow.com on the name of the link but will send you to the same place.

文本将转到框外（CSS问题）

2 个答案: