当前位置: 首页 > news >正文

小公司做网站赚钱吗刷百度关键词排名

小公司做网站赚钱吗,刷百度关键词排名,郑州便民网,北京市保障房建设投资中心网站首页div内英文不换行问题以及解决方案 div盒子中文字换行问题:div中放中文的代码:div中放英文的代码: 解决办法注意 div盒子中文字换行问题: div设置宽度以后,如果div中放的是中文,默认文字超过div宽度会自动换…

div内英文不换行问题以及解决方案

  • div盒子中文字换行问题:
    • div中放中文的代码:
    • div中放英文的代码:
  • 解决办法
  • 注意

div盒子中文字换行问题:

div设置宽度以后,如果div中放的是中文,默认文字超过div宽度会自动换行,如果是英文,则默认是不换行的,即会超出div的宽度继续显示。这种情况,需要我们通过属性值进行强制换行

div中放中文的代码:

   <style> div{width: 200px;height: 200px;color: #fff;background-color: pink;padding: 10px;border-radius: 5px;margin: 0 auto;}</style><body> <div>人最宝贵的东西是生命,生命对人来说只有一次.因此,人的一生应当这样度过:当一个人回首往事时,不因虚度年华而悔恨,也不因碌碌无为而羞愧;这样,在他临死的时候,能够说,我把整个生命和全部精力都献给了人生最宝贵的事业</div>
</body>

效果:
请添加图片描述

div中放英文的代码:

  <style> div{width: 200px;height: 200px;color: #fff;background-color: pink;padding: 10px;border-radius: 5px;margin: 0 auto;}</style><div>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

效果(不会自动换行):请添加图片描述

解决办法

  1. word-break:break-all;只对英文起作用,以字母作为换行依据
  2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据
  3. white-space:pre-wrap; 只对中文起作用,强制换行
  4. white-space:nowrap; 强制不换行,都起作用
  5. white-space:nowrap; overflow:hidden; text-overflow:ellipsis;不换行,超出部分隐藏且以省略号形式出现(部分浏览器支持)
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>div{width: 30px;/* height: 30px; */border: 1px solid black;margin-top: 20px;}/*只对英文起作用,以字母作为换行依据*/.p1 {word-break: break-all;width: 150px;}/*--只对英文起作用,以单词作为换行依据*/.p2 {word-wrap: break-word;width: 150px;}/*只对中文起作用,强制换行*/.p3 {white-space: pre-wrap;width: 150px;}/*强制不换行,都起作用*/.p4 {white-space: nowrap;width: 10px;}/*不换行,超出部分隐藏且以省略号形式出现*/.p5 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100px;}</style>
</head><body><div class="p1">hello world hello world hello world hello world hello world</div><div class="p2">hello world hello world hello world hello world hello world</div><div class="p3">hello world hello world hello world hello world hello world</div><div class="p4">hello world hello world hello world hello world hello world</div><div class="p5">hello world hello world hello world hello world hello world</div></body></html>

效果:
请添加图片描述

注意

使用上述属性一定要指定容器的宽度

http://www.zhongyajixie.com/news/18934.html

相关文章:

  • 做网站需要注册公司吗网页自动点击软件
  • 犀牛云 做网站合肥百度推广公司哪家好
  • 微信h5制作小程序有哪些百度关键词seo排名软件
  • 泉州手机网站制作高权重友情链接
  • 佛山正规的免费网站优化百度服务中心
  • 协会网站模板app下载推广
  • 淘宝客需要自己做网站吗中国经济网人事
  • 百度免费做网站企业网站推广模式
  • 企业没有做网站有的坏处怎么做互联网推广
  • 湖州网站seo优化拉新十大推广app平台
  • 娱乐游戏网站建设百度官方网页
  • 假发票网站查询怎么做佛山网站建设排名
  • 做微网站公司哈尔滨优化网站公司
  • 专业的外贸网站建设公司百度收录教程
  • 郑州做网站推广地友情链接获取的途径有哪些
  • 做收集信息的网站seo内容优化是什么意思
  • 如何制作课程网站模板百度快照seo
  • 有哪些做网游单机版的网站天津网站优化软件
  • 厦门市住房和建设局网站搜索图片识别
  • 爱美刻在线制作网站seo关键词外包
  • 怎么当网站站长产品网络营销
  • 上海阔达网站建设公司厨师培训机构 厨师短期培训班
  • 龙江网站设计制作西安百度公司开户
  • 做asp网站需要的实验报告单网站友链查询接口
  • 浙江网站建设网站优化百度的营销中心上班怎么样
  • 中国制造网是做什么的搜索引擎排名优化方法
  • wordpress 支付宝接入搜索引擎优化指南
  • 如果网站没有做icp备案软文免费发布平台
  • idea做动态网站竞价推广渠道
  • 用asp.net做网站的书社交网络推广方法有哪些