cuốn sách gpt4 ai đã làm

html - 显示 : inline and float: Left

In lại Tác giả: Walker 123 更新时间:2023-11-28 13:23:47 27 4
mua khóa gpt4 Nike

我正在尝试创建一个包含两种元素的容器元素:元素和文本。逻辑应该是这样的:

  • 背景始终以内联显示样式着色(使用背景换行符而不是 block );

  • 在一个列表中分隔元素。

请看我的 fiddle :http://jsfiddle.net/BZw4A/

这是使用的层次结构:


This is only a sample text to show the weird problem about inline text and background.

Item One

Item Two

Item Three

Item Four

Item Five


正如您从 fiddle 中看到的那样,由于容器的宽度值,文本元素的背景看起来像 block 而不是内联。我能找到的唯一方法是删除这些行:

nổi: trái;
rõ ràng: cả hai;

当我删除这些行时,文本背景恢复到我想要的样子,但是,按钮失去了它们的顺序(因为内联)并像普通文本一样显示在同一行上。

我很想听听主要基于这些排版问题的一些解决方案。

câu trả lời hay nhất

您可以更改您的标记以指示每个元素都应独占一行(

s),然后在内联元素中设置内容样式。


This is only a sample text to show the weird problem about inline text and background.

Item One

Item Two

Item Three

Item Four

Item Five


那么你根本不需要 float/clear css。

Ví dụ:http://jsfiddle.net/BZw4A/3/

关于html - 显示 : inline and float: Left,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14698894/

27 4 0
Xem sitemap của VNExpress