0

それぞれにレシピや説明などを含む多数の「ボックス」を含むページを作成しました。ライブで完全にコード化されている場合 (php はすぐに追加されます)。各ボックスのコンテンツの量は異なります。今すぐページを表示すると問題ないように見えますが、コンテナーの 1 つに説明テキストを追加して負荷テストを行ったところ、レイアウトが崩れました。

これは最終的にすべての PHP などを行うために開発者に引き渡されることになっていますが、人々がこの問題を修正するためにどのようなアイデアを持っているのか疑問に思いました (最善であれば PHP でも、メッセージ/アイデアを渡すだけです)。

これは、問題がないように見えるページのライブ URL です。- http://jordancharters.co.uk/testarea/boxes.html

これは同じページですが、コンテナーのコンテンツが多すぎます (これは、クライアントが最初に想像していたよりも多くのテキストを追加した場合に発生する可能性があります)。レイアウトを崩します。- http://jordancharters.co.uk/testarea/boxes2.html

HTMLまたはPHPなどのソリューションを探しています（私は単なるフロントエンド開発者です。）

4

1 に答える 1

0

style.css の 902 行目で boxrecipes-container クラスに固定の高さを指定し、overflow:overlay 属性を追加して、巨大なテキストがスクロール バーで表示されるようにする必要があります。overflow:hidden は余分なテキストを固定の高さで非表示にしますが、タイトルをクリックできないため、[レシピの選択] ボタンを表示するには、オーバーフローをオーバーレイする必要があります。

以下のコードを試してみてください。

.boxrecipes-container {
padding: 10px;
width: 430px;
height: 230px;
overflow: overlay;
background-color: #eee;
display: block;
margin-right: 10px;
margin-top: 20px;
position: relative;
float: left;
}
于 2013-10-16T09:43:56.970 に答える