Tailwindcss 文本溢出

Question

我正在为我的网站制作一个代码容器。当文本不需要换行时它工作正常。但是如果宽度小于线宽但我的线断到下一行，我需要添加一个 x-scrollbar。

注意：调整结果容器的大小以查看，感谢任何帮助。 尝试过： overflow-x-scroll 和 break-normal

Answer 1

您可以用 pre 标记包裹您的代码块。

      <pre>
def img2sketch(photo, k_size):
    img = cv2.imread(photo)
    grey_img = cv2.cvtColor(img, cv2.COLOR_BGR2GRAY)
    invert_img = cv2.bitwise_not(grey_img)
    blur_img = cv2.GaussianBlur(invert_img, (k_size, k_size) ,0)
    invblur_img = cv2.bitwise_not(blur_img)
    sketch_img = cv2.divide(grey_img,invblur_img, scale = 256.0)
    cv2.imwrite('sketch.png', sketch_img)
    cv2.imshow('sketch image',sketch_img)
    cv2.waitKey(0)
    cv2.destroyAllWindows()
    
if __name__ == "__main__":
    if len(sys.argv) < 2:
        print(f"Usage: {sys.argv[0]} &lt;filename&gt; &lt;k_size(Optional)&gt;"))
        exit(0)
    photo = sys.argv[1]
    k_size = sys.argv[2] if len(sys.argv) > 1 else 7
    img2sketch(photo, k_size)
      </pre>

您也可以在 Tailwind 游乐场上查看 https://play.tailwindcss.com/x7cCCQcQPU

Tailwindcss 文本溢出

Tailwindcss text overflow

html

css

tailwind-css