SoilPro.wxss 998 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /* 页面整体背景 */
  2. .green-box {
  3. background-color: #4caf50; /* 绿色背景 */
  4. padding: 10px 20px; /* 减小上下内边距,控制高度 */
  5. text-align: center;
  6. display: flex;
  7. flex-direction: column; /* 设置垂直方向布局 */
  8. justify-content: center;
  9. align-items: center;
  10. max-height: 100rpx; /* 限制最大高度 */
  11. max-width: calc(100% - 10px); /* 宽度最大100%,两边各留5px */
  12. margin-left: 15px; /* 左边留5px */
  13. margin-right: 15px; /* 右边留5px */
  14. box-sizing: border-box; /* 确保 padding 和 margin 不影响宽度计算 */
  15. }
  16. .title-en {
  17. font-size: 16px;
  18. color: #fff;
  19. display: block;
  20. }
  21. /* 父容器样式 */
  22. .container {
  23. padding: 15px;
  24. background-color: #f4f4f4;
  25. display: block;
  26. }
  27. /* 标题样式 */
  28. .title {
  29. font-size: 22px;
  30. font-weight: bold;
  31. }
  32. .sub-title {
  33. font-size: 15px;
  34. font-weight:700;
  35. }
  36. .content {
  37. font-size: 16px;
  38. }
  39. /* 使每个段落独立 */
  40. .content {
  41. text-indent: 2em; /* 段落首行缩进 */
  42. }