`
highfly-s
  • 浏览: 100720 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

解决在DIV中文字自动下排的问题

 
阅读更多

1.对于一个DIV 或者表格TD 宽度是已经定义
想让里面的文字让自动下排，我们用样式进行控制就可以了
如下示例代码


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.valign{ width:12px; height:120px; word-spacing:normal; world-break:keep-all;}
</style>
</head>

<body>

<div class="valign">我爱你中国</div>


</body>
</html>

 

分享到：
| postion fiexd 兼容问题
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    DIV 文字可以换行但是纯数字和字母不可以换行解决方案

    2. **性能考量**：虽然上述方法能够很好地解决问题，但在某些极端情况下，过多地使用`word-break: break-all;`可能会导致页面渲染性能下降。因此，在使用这种方法时，还需考虑页面的整体性能优化。 3. **美观性**：...

    DIV CSS 图片自动换行

    在网页设计中，"DIV CSS 图片自动换行"是一个常见的布局技巧，它涉及到CSS（层叠样式表）中的盒模型、布局模式以及响应式设计。这个技术主要用于展示一组图片，使得图片能够在页面中自动适应并换行排列，同时还可以...

    div内容自动滚动,自动生成随机颜色

    `可以让内容在垂直方向上自动出现滚动条，当内容超出`div`时。但CSS无法实现自动滚动到底部的功能，这需要配合JavaScript来完成。 接下来，我们转向“HTML自动生成随机颜色”。在HTML中，我们通常使用CSS来定义元素...

    DIV自动适应高度

    在网页设计中，"DIV自动适应高度"是一个关键的布局技术，主要应用于创建响应式或者流体布局。这种技术使得页面中的多个DIV元素能够根据内容动态调整高度，保持整体的视觉一致性，无论哪个DIV的内容发生变化，其他DIV...

    html div没有被撑开的原因及解决办法

    在实际开发中，遇到此类问题时，应首先分析CSS代码，找出可能影响`div`高度的因素，然后根据上述解决方案进行调整。同时，理解并掌握CSS布局的基本原则对于避免这类问题至关重要。通过使用`lj_设置子dom的height 100...

    可编辑并且能够自动换行的div

    标题所提到的“可编辑并且能够自动换行的div”，实际上是在讨论如何创建一个具有文本编辑功能的 `div` 元素，并且在用户输入文字时能自动换行，保持其形状不变。这涉及到 HTML、CSS 以及可能的 JavaScript 技术。 ...

    div_css自动布局

    7. **兼容性问题**：虽然现代浏览器普遍支持Flexbox和Grid，但在一些老版本或者非主流浏览器中可能存在兼容性问题。开发者需要了解并适配这些情况，可能需要使用polyfills或回退方案。 综上所述，"div_css自动布局...

    div边框加文字效果

    div边框加文字效果

    解决div总是被select遮挡的问题.rar

    在本案例中，"解决div总是被select遮挡的问题.rar"提供了解决方案，通过引入一个透明的`iframe`来规避这一现象。 首先，我们需要理解Z轴顺序的概念。在CSS中，`z-index`属性用于指定元素在堆叠上下文中的层级。具有...

    父DIV自动适应子DIV高度

    在网页设计中，布局是至关重要的一个环节，而“父DIV自动适应子DIV高度”是一个常见的需求，尤其在响应式设计和动态内容加载时。这个主题涉及到CSS布局、盒模型理解以及动态高度处理等多个知识点。 首先，我们来...

    最顶层div被flash或者下拉列表遮挡的问题解决

    ### 最顶层div被flash或者下拉列表遮挡的问题解决 在网页设计中，有时会出现顶层的div元素被其他元素如Flash或下拉列表遮挡的情况。这种遮挡问题通常是由于CSS定位属性设置不当造成的，尤其是`z-index`值的设置不...

    字体超过div范围自动换行

    标题“字体超过div范围自动换行”及描述“字体超过div范围自动换行”，明确指出了一种解决方案——利用CSS属性使文本在超出`div`容器范围时自动换行。下面将深入探讨这一主题，包括相关CSS属性的使用方法、应用场景...

    div+css自动切片

    标题中的“div+css自动切片”指的是网页设计中的一种技术，用于将图像切割成多个部分，以便在网页布局中更灵活地使用。在传统的网页设计中，设计师常常需要手动进行切片工作，以创建响应式布局或者适应不同设备尺寸...

    自动生成DIV+CSS菜单

    本话题将详细介绍如何自动生成`div+css`菜单，包括其重要性、工作原理、优点以及如何创建和应用。 `div+css`菜单是网页导航的一种常见形式，它通常由多个`div`元素构成，每个`div`代表一个菜单项，通过CSS进行样式...

    div中英文无法自动换行的解决办法

    那么，难道我们得在每个字母中间加入一个空格来解决这个问题么？其实不用的，可以通过CSS实现。 解决办法：在div的style中设定word-break:break-all;即可实现自动换行。添加后的div代码大致如下 div中英文自动换行...

    flash上放div;在放文字显示

    有的时候flash上放div的话；在div里边在放文字的话；div的文字会不显示的；本实例就是为了解决这个问题写的实例；希望和我一样遇到这问题的朋友能帮到你们；

    div中文字内容溢出常见的解决方法

    在Web开发中，div中文字内容溢出是一个常见的问题，特别是在页面布局固定、文字内容长度不确定的情况下。这篇文章将介绍div中文字内容溢出的常见解决方法，帮助读者避免文字溢出的问题。 1. 规定文字父容器的宽高，...

    网页Object标签遮盖DIV标签解决方法

    如果以上方法都不能解决问题，可以考虑使用JavaScript来检测`&lt;Object&gt;`标签是否加载完成，然后调整`&lt;div&gt;`的位置或者层级。例如，使用`onload`事件监听`&lt;Object&gt;`的加载状态。 7. **浏览器兼容性测试**： 虽然这...

    div被iframe遮住的几种情况及解决方法

    在前端开发过程中，DIV元素被IFRAME遮挡是一个常见的问题，尤其是当页面布局复杂或存在多层嵌套的元素时。以下将详细阐述几种DIV被IFRAME遮挡的情况，并提供相应的解决方法。 首先，要了解的是IFRAME是一种HTML元素...

Magicbox
Global site tag (gtag.js) - Google Analytics