小编Jon*_*n L的帖子

强制段落使用可用的最大高度

我有一系列 div,其中包含一小段文本。我想让所有的 div 具有相同的高度,并根据需要改变宽度以适合段落。

如果我要在垂直方向上这样做,我只会设置 div 的宽度。但是如果我设置高度,段落就会变成一行,使框尽可能宽。

如何强制段落的行数与高度一样多,然后根据需要增加宽度

我曾尝试min-height:100px用于段落,但左边的高度充满了空白,文本仍然在一行上。

这是我正在尝试做的一个例子。如您所见,文本停留在一行上。我想让它在使盒子更宽之前垂直归档盒子。

jsfiddle 链接:http : //jsfiddle.net/Kj49B/

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<ul class="container">
    <li class="item">
        <a href="" class="title"  target="_blank">Title 1</a>
        <br/>
        <p>A summit aimed at reducing the risk of nuclear terrorism and involving some 50 countries is about to open in South Korea's capital, Seoul</p>
    </li>
    <li class="item">
        <a href="" class="title"  target="_blank">A long title</a>
        <br/>
        <p>Watch the latest news summary from BBC World News. International …
Run Code Online (Sandbox Code Playgroud)

html css paragraph

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

标签 统计

css ×1

html ×1

paragraph ×1