html - 既製のテンプレートを使用した CSS スタイリング。

Question

ということで、無料のホームページテンプレートをダウンロードしました。レイアウトを少し変更したところ、上部の場所のアイコンが小さくなり、すべてが 1 つの直線上に配置されるという問題が発生しました。CSS ファイルの「image image-full」タグを 100% から小さいパーセンテージに変更してみました。これによりアイコンは小さくなりますが、アイコンはすべて 1 行に収まるように配置されません。このサイトはhttp://harmlesscrack.com/br/にあります。この CSS ファイルをバラバラにして、場所のアイコンへのリンクを見つけることができるすべてのものを変更し、この CSS がどのようにフォーマットされているかを理解するという希望をほぼあきらめました。

PS「役に立たない質問」という理由でフラグを立てないでください。ここで本当に助けが必要です。

Answer 1

の幅を明示的に設定する<div class="4u">か、クラスを変更し.\34 uます。たとえば、次の例では、4 つのコンテナーが 1 行だけにまたがって一列に配置されます。

// HTML markup
<div class="4u">
    ...
</div>

// CSS
.\34 u {
    width: 24.333333%;
}