<td>gdfggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</td>
Run Code Online (Sandbox Code Playgroud)
如何将这样的文本包装在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) 在ST2中,突出显示某些文本并按alt+ shift+ w(在Windows上)将当前选择包装在<p></p>标签中.但是,有没有指定的方式,其与包装标签?因为也许我想换一个跨度,或者换一个div.
有没有人知道如何在Android平台的TextView中包装文本.即如果textview中的文本超出屏幕长度,则应在第二行显示.
我搜索并尝试了以下内容:
android:scrollHorizontally="false",
android:inputType="textMultiLine",
android:singleLine="false"
Run Code Online (Sandbox Code Playgroud)
但没有工作..
任何人都可以建议我怎么做..我是Android平台相对较新的..
我一直想知道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) 可能重复:
在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)
当浏览器足够宽时,+和b +在同一行.
aaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Run Code Online (Sandbox Code Playgroud)缩小浏览器范围时,+和b +放在不同的行上.
aaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
Run Code Online (Sandbox Code Playgroud)当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"不要使用表格"没有帮助.
如何显示长字符串,网站地址,字符或符号集以及自动换行符以保持div宽度?我猜各种各样的文字包装.通常添加一个空间有效,但有一个CSS解决方案,如自动换行?
例如,它(非常nastily)重叠的div,迫使水平滚动等wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
我可以添加到上面的字符串中以便在div中的几行内或浏览器窗口中整齐地放入它?
我想在HTML页面中为textarea提供水平滚动.如果我输入没有换行符的长行,滚动应该没有换行.一些朋友建议使用overflow-y CSS属性,这对我来说不起作用.我使用的浏览器是IE 6+和Mozilla 3+.
我一直试图让我的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) 如果用户键入一条没有任何空格或空格的长行,它将通过比当前元素更宽来打破格式化.就像是:
HAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHA ................................................. .................................................. ..........................................
我试过wordwrap()在PHP中使用,但问题是如果有链接或其他一些有效的HTML,它会中断.
CSS中似乎有一些选项,但它们都不适用于所有浏览器.在IE中查看自动换行.
你怎么解决这个问题?