标签: word-wrap

如何使用CSS包装文本?

<td>gdfggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</td>
Run Code Online (Sandbox Code Playgroud)

如何将这样的文本包装在CSS中?

css word-wrap

78
推荐指数
2
解决办法
23万
查看次数

CSS停止文本包装在图像下

我有以下标记:

<li id="CN2787">
  <img class="fav_star" src="images/fav.png">
  <span>Text, text and more text</span>
</li>
Run Code Online (Sandbox Code Playgroud)

我想要它,这样如果文本换行,它就不会进入图像的"列".我知道我可以用table(我正在做的)这样做但是由于这个原因这是不可行的.

我试过以下但没有成功:

li span {width: 100px; margin-left: 20px}
.fav_star {width: 20px}
Run Code Online (Sandbox Code Playgroud)

我也试过了float: right.

谢谢.

编辑:我希望它看起来像这样:

IMG   Text starts here and keeps going... and
      wrap starts here.
Run Code Online (Sandbox Code Playgroud)

不是这样的:

IMG   Text starts here and keeps going... and 
wrap starts in the space left for the image.
Run Code Online (Sandbox Code Playgroud)

css css3 word-wrap css-float

78
推荐指数
3
解决办法
9万
查看次数

Sublime Text 2包装标签中的选择

在ST2中,突出显示某些文本并按alt+ shift+ w(在Windows上)将当前选择包装在<p></p>标签中.但是,有没有指定的方式,其与包装标签?因为也许我想换一个跨度,或者换一个div.

tags keyboard-shortcuts word-wrap sublimetext2

78
推荐指数
5
解决办法
6万
查看次数

如何在android中的textview中包装文本

有没有人知道如何在Android平台的TextView中包装文本.即如果textview中的文本超出屏幕长度,则应在第二行显示.

我搜索并尝试了以下内容:

android:scrollHorizontally="false",
android:inputType="textMultiLine",
android:singleLine="false"
Run Code Online (Sandbox Code Playgroud)

但没有工作..

任何人都可以建议我怎么做..我是Android平台相对较新的..

android word-wrap textview

76
推荐指数
9
解决办法
14万
查看次数

Vim中的智能包裹

我一直想知道Vim是否具有智能包装代码行的能力,因此它保持与缩进的行相同的缩进.我在其他一些文本编辑器上注意到了它,比如电子文本编辑器,发现它帮助我更容易理解我正在看的内容.

例如而不是

<p>
    <a href="http://www.example.com">
        This is a bogus link, used to demonstrate
an example
    </a>
</p>
Run Code Online (Sandbox Code Playgroud)

它会显示为

<p>
    <a href="somelink">
        This is a bogus link, used to demonstrate
        an example
    </a>
</p>
Run Code Online (Sandbox Code Playgroud)

vim word-wrap

75
推荐指数
5
解决办法
2万
查看次数

在表格中使用"自动换行:break-word"

可能重复:
在html表中自动换行

此文字的行为与Google Chrome(和其他现代浏览器)完全一样:

<div style="border: 1px solid black; width:100%; word-wrap: break-word;">
  <p>
    aaaaaaaaaaaaaaaa
    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
  </p>
</div>
Run Code Online (Sandbox Code Playgroud)
  1. 当浏览器足够宽时,+和b +在同一行.

    aaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
    
    Run Code Online (Sandbox Code Playgroud)
  2. 缩小浏览器范围时,+和b +放在不同的行上.

    aaaaaaaaaaaaaaaa
    bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
    
    Run Code Online (Sandbox Code Playgroud)
  3. 当b +不再适合时,它会断开并放在两条线上(总共三条线).

    aaaaaaaaaaaaaaaa
    bbbbbbbbbbbbbbbbbbbbbbbb
    bbbbbbbb
    
    Run Code Online (Sandbox Code Playgroud)

这一切都很棒.

然而,在我的情况下,这不是一个,div而是table如此:

<table style="border:1px solid black; width:100%; word-wrap:break-word;">
  <tr>
    <td>
      <p>
        aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
        bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
      </p>
    </td>
  </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

在这种情况下,#1和#2会发生,但不会发生#3.也就是说,表格在步骤2之后停止缩小,并且不会发生步骤3.破解词似乎没有过滤掉.

有谁知道make#3是如何发生的?该解决方案只需要在Chrome中运行,但它也适用于其他更好的浏览器.

PS"不要使用表格"没有帮助.

css google-chrome html-table word-wrap

75
推荐指数
2
解决办法
11万
查看次数

wordwrap一个很长的字符串

如何显示长字符串,网站地址,字符或符号集以及自动换行符以保持div宽度?我猜各种各样的文字包装.通常添加一个空间有效,但有一个CSS解决方案,如自动换行?

例如,它(非常nastily)重叠的div,迫使水平滚动等wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww

我可以添加到上面的字符串中以便在div中的几行内或浏览器窗口中整齐地放入它?

css string word-wrap long-integer

71
推荐指数
4
解决办法
9万
查看次数

HTML Textarea水平滚动

我想在HTML页面中为textarea提供水平滚动.如果我输入没有换行符的长行,滚动应该没有换行.一些朋友建议使用overflow-y CSS属性,这对我来说不起作用.我使用的浏览器是IE 6+和Mozilla 3+.

html textarea word-wrap

70
推荐指数
4
解决办法
8万
查看次数

Android Word-Wrap EditText文本

我一直试图让我的EditText框自动换行,但似乎无法做到.

我在开发Android应用程序时遇到了更复杂的问题,这似乎应该是一个直截了当的过程.

然而,问题仍然存在,我有一个大的文本框,只允许我在一行输入文本,直接继续,在我输入文本时水平滚动.

这是我的布局文件中EditText对象的XML代码.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:id="@+id/myWidget48"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    xmlns:android="http://schemas.android.com/apk/res/android"
    >
 <ScrollView
    android:id="@+id/myScrollView"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    >
    <LinearLayout
        android:id="@+id/widget37"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
    >

<EditText
        android:id="@+id/txtNotes"
        android:layout_width="300px"
        android:layout_height="120px"
        android:scrollbars="vertical"
        android:textSize="18sp"
        android:gravity="left"
        android:layout_marginTop="10dip"
        android:inputType="textCapSentences"
        >
    </EditText>
</LinearLayout>
</ScrollView>
</LinearLayout>
Run Code Online (Sandbox Code Playgroud)

xml android cpu-word word-wrap android-edittext

69
推荐指数
6
解决办法
7万
查看次数

如何在HTML中包含没有空格的长行?

如果用户键入一条没有任何空格或空格的长行,它将通过比当前元素更宽来打破格式化.就像是:

HAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHA ................................................. .................................................. ..........................................

我试过wordwrap()在PHP中使用,但问题是如果有链接或其他一些有效的HTML,它会中断.

CSS中似乎有一些选项,但它们都不适用于所有浏览器.在IE中查看自动换行.

你怎么解决这个问题?

html css php word-wrap

67
推荐指数
6
解决办法
8万
查看次数