水平アラインメントイメージhtml

Question

まず、私は本当に良いコーダーではありません。私はITですが、インフラストラクチャの人ですが、私はコーディングのコンセプトを理解していますし、多分それについてよく理解しています。私は私のウェブサイトで働いており、それはwordpressを使って建設中です。私のホームページでは、私はそれをそのまま単純に行い、ページビルダーを使用してテキストやHTML（または任意の言語）を使用して最大限に活用することを計画しています。私はある人が私を助けることを願っています。とても感謝しております。

ここでは、次のとおりです。 homepage

これらの画像は、onmouseover属性のスタイルを持っており、それを行うことができました...事は私は水平方向に並べることができないです。私はまた、アイコン部分に、誰かが私が望んでいた概念についての私を助けた瞬間に同じことを行うことができます知っている彼らは左または各画像を参照するには右に移動することができます:(ので。

:(とできないが、矢印が含まれる。

Answer 1

あなたの質問は、ソリューションの具体的なコンテキストに関してかなりあいまいです。一般的に、ブラウザーで画面上にレンダリングしたときに物が水平に整列しない理由は、人気のある<div>を含むほとんどの要素が、 display: block;の既定のスタイリングがあります。これは、親自体が同じスタイリングを持っている場合は、親アイテムの全幅を占めるようになります（これのカスケード接続は異なるd打楽器）。

これに対する一般的な解決策は、要素の幅を定義することです。そして、要素の幅が複数のものが同じ行に現れるように、同じ行に配置されます。

これを解決する1つの方法は、要素の幅を何らかの方法で定義することです。例えば、width: 25%;のクラスを適用することができます。これにより、同じ幅の4つの要素が線に収まるようになります。

また、同じ行に追加する要素のdisplayプロパティ値をinline-blockに設定することもできます。これにより、コンテンツに幅が指定されていない限り、それらの要素のコンテンツの幅が決まります。これにより、inline-blockの表示プロパティを含む連続した項目がなくなるまで、テキストのように水平線に沿って要素が流れます（親要素のサイズ変更時に再び流れます）。

あなたの説明では、項目のこれらの行に対してカルーセルスタイルのナビゲーションも表示されていたため、これらは完全なソリューションではない可能性があります。

ブートストラップフレームワークを使用している場合は、水平に整列した要素をカルーセルの別々の「ページ」に含めるために使用できるbuilt-in carousel機能があります。このソリューションを完全に反応させることは、もう一つの課題です。