Question

我尝试了显示：table-cell但它没有工作。如何在div中显示单词。现在它显示溢出div。我在我的网页上使用CSS2。提前谢谢。

＆＃13;

<div style=" width:60px; border-style: solid; border-width: 15px; display: block;">
    <a href="http://www.w3schools.com" target="_blank">Visit W3Schoolseeeeee   </a> 
</div>
<div style="float: right; border-color: #ff33ff" width:50%;>Column 2</div>

＆＃13;

Answer 1

使用自动换行：

a{
 word-wrap: break-word;
}

demo

Answer 2

更改div容器的宽度以允许内容适合。现在你将它设置为60px，这不足以使文本显示而不会溢出。你可以这样做：

<!DOCTYPE html>
<html>
<head>
    <style>
    </style>
</head>
<body>


    <div style="width:150px;  border-style: solid;
 border-width: 15px; display: block; text-align: center;">
        <a href="http://www.w3schools.com" target="_blank">Visit W3Schoolseeeeee   </a>
    </div>
    <div style="float: right; border-color: #ff33ff" width:50%;>Column 2</div>


</body>
</html>

这个例子并没有充分利用HTML和CSS的最佳实践。理想情况下，您的CSS将完全位于HTML文档之外，并且您可能不需要为div容器硬编码像素宽度。

块外的文本显示

2 个答案: