博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css自动换行如何设置?url太长会撑开页面
阅读量:6532 次
发布时间:2019-06-24

本文共 406 字,大约阅读时间需要 1 分钟。

  我们更新文章时如果有引用其他文章一般会带一个原文url,但这个链接如果太长的话会把内容的版块撑开,整个排版乱了。那我们能不能设置css自动换行呢?如下图所示,其实只要两个样式就能搞定

word-wrap:break-word;word-break:break-all;

  word-wrap用来控制换行

  两种取值:
  (1)normal 
  (2)break-word(此值用来强制换行,内容将在边界内换行,中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。)
  word-break用来控制断词
  三种取值:
  (1)normal
  (2)break-all(是断开单词。在单词到边界时,下个字母自动到下一行。主要解决了长串英文的问题。)
  (3)keep-all(是指Chinese, Japanese, and Korean不断词,一句话一行,可以用来排列古诗哟~)

转载地址:http://nlqbo.baihongyu.com/

你可能感兴趣的文章
摘机_reading code_refatoring
查看>>
Asp.net mvc中的Ajax处理
查看>>
为什么说Java中只有值传递(转载)
查看>>
堆(heap)——C++实现
查看>>
数组和矩阵问题:将正方形矩阵顺时针转动90度
查看>>
C#版 - Leetcode 191. Number of 1 Bits-题解
查看>>
爪机小记
查看>>
Java类文件结构
查看>>
【068】ListView & ArrayAdapter
查看>>
手机端html5触屏事件(touch事件)
查看>>
Scala传递参数遇到的坑
查看>>
浅析Java中的深拷贝和浅拷
查看>>
使用Windows Azure Storage Analytics新特性
查看>>
在 Windows Azure 虚拟机上运行 SQL Server 工作负荷的十大注意事项
查看>>
我的博客 XHTML知识
查看>>
【NOI1995】极值问题
查看>>
四月底笔试面试
查看>>
TSL
查看>>
编写SHELL脚本--判断用户的参数
查看>>
Markdown 语法
查看>>