css中div设置成了圆形,里面的文字溢出了,如何不超出边框,

哦,对了,div是圆的,文字溢出了。
我明白这一点。

就是那个圆形 div,文本已经耗尽。
如何修复它?
第一种方法是添加填充。
是的,添加填充。
你看,给那个div添加一个padding,例如padding: 2 0px; 像这样。
留出一些空间,以便文本可以包裹在里面,这样它就不会掉出圆圈。
您必须尝试一下并自己找出多少填充量合适。

二、使用overflow:hidden;。
这个很简单,直接在div中添加,overflow:hidden;。
它隐藏了溢出的话语,不让它们影响到外界。
但! 这应该与填充结合使用。
如果只使用overflow:hidden; 如果没有padding,文本内容可能会碰到其他元素,这就很麻烦了。

最好的方法是什么? 溢出:隐藏; 添加填充。
这样就可以控制溢出的文本而不影响旁边的东西。

但请注意,如果输入大量单词或一长串数字,有时自动换行可能无法正常工作。
我听说这可能是 CSS 中的一个错误,但我还是遇到过。
你只需要注意并看看你做了什么。

css中的div什么意思

div 是一个用于在 HTML 中创建块级容器的元素,主要用于布局和样式。
1 . div默认包含一行,是匿名的,全局的,可以与其他实体嵌套。
2 . 用于布局(如页眉、主要、页脚)和样式(如背景、边框)。
3 . 示例:HTML结构+CSS样式。
4 .将语义标签与CSSGrid/Flexbox结合时要小心,避免过度嵌套。
5 .div是布局的基石,动态且无预设。
另一种选择是 HTML5 语义标签。