Question

我刚刚开始玩html和css，基本上我一直在学习这里所有帖子的所有内容但是现在我遇到了一些我似乎无法弄清楚如何通过研究做出决定并决定发布的内容一个求助的问题。

我在tumblr上自定义一个简单的投资组合风格主题，我的问题是关于图片右侧的文字标题

我只能在单个块上显示3个文本行，并且我希望每个行都有自己的比例宽度的块。这可以用html和css完成吗？

提前致谢！

Answer 1

这就是Firebug（Firefox扩展）或您喜爱的浏览器的开发者工具将派上用场的地方。如果您检查有问题的文字元素，您会看到它们都包含在<p>个标记内。

<p>标记是块级元素，这意味着它将自动占用其父级的整个宽度。这也是......嗯...文本段落的建议。

Answer 2

每一行都包含在p元素中。块级元素通常填充父容器的整个宽度;这就是为什么它们是“块”元素。

要获得随内容缩小的内容，请将文本包装在span：

中

<p><span>text</span></p>

span只会与里面的文字一样大。