Ich mache eine Menüauswahlleiste, und ich stoße auf ein Problem, wenn ich mit der Maus darüber gehe. Die Ecken des Symbols sollten alle gekrümmt sein, aber nur die linken. Hier ist eine Demo des Codes: Ссылка
Soweit ich das beurteilen kann, scheint inline-block der Schuldige hier zu sein:
Ich weiß einfach nicht, wie ich das Inline-Array ohne es erreichen kann. Ich bin nicht großartig in CSS, also wenn jemand mir eine Hand leihen könnte, würde ich es schätzen.
verwendet zu diesem
Definieren Sie Ihre .icon display inline-block
so wie dieser
%Vor%oder Sie können
verwenden %Vor%Denken Sie daran, dass der Border-Radius eine Eigenschaft (in diesem Fall) der .icon-Klasse ist. Wenn Sie den Inspector verwenden, sehen Sie, dass der Wrapper die richtige Größe und Form hat wraper
Wie der andere sagt, ist das Problem auf dem Display der .icon-Klasse. Wenn Sie mehr als ein .icon-Element innerhalb des Wrappers und inline haben möchten, sollten Sie display: inline-block; if verwenden Ihr Aufruf besteht darin, nur einen pro Wrapper zu verwenden: block ;. Hoffe das hilft dir.
Du musst icon block display: inline-block property geben um zu arbeiten !!
Übernehmen Sie Padding für text div , um die gesamte Kurve sichtbar zu machen.
