标签: text-styling

我对渲染跨度的方法很感兴趣,看起来就像其中一个:

以下是我计划使用的技巧:

• @font-face
• -{moz/webkit/o}-transform:rotate

这是个人项目所以假设最现代的CSS支持是好的.也许边界图像可以帮助？我想避免在整个地方拼接图像 - 如果它真的归结为我只是一起跳过边框并依赖于字体的外观.

我只是好奇周围的CSS大师会如何处理这个问题.

UPDATE

现在有一个CSS属性,mask-image.更多这里.

我正在开发一个Android应用程序.我检索一些看起来像这样的数据:

<a href="http://google.com/" title=''><b><font color="gold">My Link to Google!</font></b></a>

我正在将它应用于这样的TextView:

myTextView.setText(Html.fromHtml(myHtmlString));

我在这里遇到的问题是Html.fromHtml似乎应用了一般的样式

文本示例http://img30.imageshack.us/img30/2684/ss20110910171702.png

任何和所有链接,将它们涂成蓝色并加下划线.我宁愿没有这样做,是否有任何简单的解决方案,使它不风格化链接(因此,我认为,"字体颜色=无论什么"将适用)？如果HTML链接标记位于字体/样式标记的内部,则行为不会更改.

大家好,我一直在研究一个有文本编辑器的WPF应用程序,这个文本编辑器应该应用一些样式或着色一些标记(关键字)来突出显示它并使其显而易见,问题是我非常努力但是我仍然得到相同的结果,即用户在关键字被设置样式后输入整个文本中的一个关键字!试想一下,如果你在"C#"中键入"string"关键字,那么它之后的整个文本将会显示为蓝色.

这是我使用的代码:

    static List<string> tags = new List<string>();
    static List<char> specials = new List<char>();
    static string text;
    #region ctor
    static MainWindow()
    {
        string[] specialWords = { "string", "char", "null" };              
        tags = new List<string>(specialWords);     
        // We also want to know all possible delimiters so adding this stuff.     
        char[] chrs = {
            '.',
            ')',
            '(',
            '[',
            ']',
            '>',
            '<',
            ':',
            ';',
            '\n',
            '\t',
            '\r'
        };
        specials = new List<char>(chrs);
    }
    public MainWindow()
    {
        InitializeComponent();
    }
        #endregion
    //Now I should check statically …

Run Code Online (Sandbox Code Playgroud)

我正在尝试为我正在处理的网站上的块引用定义全局样式.

目标是设置块引号的样式,使它们看起来与下图相似.我想避免修改DOM结构.

使用伪类我想在元素的上方和下方显示水平平行边框,但这些线应该只是元素本身的一半宽并且水平居中.

这是迄今为止我已经得到的,但线条没有正确居中.

blockquote {
    margin: 0 auto;
    position: relative;
    text-align: center;
    display: table;
    font-size: 15px;
}

blockquote:before {
    content: '\A';
    height: 1px;
    width: 40%;
    position: absolute;
    background: #000;
    top: -8px;
}

blockquote:after {
    content: '\A';
    height: 1px;
    width: 40%;
    position: absolute;
    background: #000;
    bottom: -8px;
}

<blockquote>
  Neque porro quisquam e porro quisquest qui dolorem ipsum quia dolor sit<br />
 est qui dolorem ipsum quia dolor sit amet rem ipsum quia 
</blockquote>

我的班级中有以下陈述：

String myName = "Joe";
System.out.println("My name is " +myName);

我需要将变量上的值myName打印为斜体文本。

我有这个HTML代码

<a href="test.html">
<div class=" menubox mcolor1">
<h3>go to test page</h3>
</div>
</a>

这就是css

.menubox {
    height: 150px;
    width: 100%;
    font-size: 14px;
    color: #777;
    margin: 0 0 0 0;
    padding: 0; 
    -moz-border-radius: 10px;
    border-radius: 10px; 
    position: relative;}

.mcolor1 { background: #3A89BF url(../images/prod2.png) no-repeat center center; }

鼠标悬停此div,文本显示超链接线,我该如何隐藏它？

我正在使用此链接。http://lodev09.github.io/bootstrap-suggest/

在此页面上，当您开始在第一个文本框中输入 @ 字符时，系统会显示具有某些值的下拉列表。我想确保，每 20 个字符后，系统应该将文本换行到下一行。

我尝试将以下样式添加到<li>标签中，但没有帮助。

word-wrap:break-word;
max-width:30px;

我正在为我的段落设置样式，并且在一定数量的字符后有换行符。我希望能够使中断后的线向左对齐而不是居中对齐。

.justify {
  text-align: justify;
  text-justify: inter-word;
}

.paragraph {
  text-align: center;
  max-width: 220px;
  word-wrap: break-word;
  word-break: break-all;
}

<div class='justify'>
  <p class="paragraph">Hello, my name is Taylor and welcome to my personal website!</p>
</div>

我想有一个像"titlepart1 titleparttwo " 这样的动作栏标题.但正如我通过主题正确理解你可以将整个标题设置为粗体或不粗体但不是部分.有没有解决方法？

<style name="MyTheme" parent="@android:style/Theme.Holo.Light">
    <item name="android:actionBarStyle">@style/MyActionBar</item>
</style>

<style name="MyActionBar" parent="@android:style/Widget.Holo.Light.ActionBar">
    <item name="android:background">#81CFEB</item>
    <item name="android:textStyle">bold</item>
</style>

HTML：

<form class="form-inline float-sm-right">
  <input type="text" class="form-control" placeholder="Search">
  <button class="btn btn-outline-success" type="submit">Search</button>
</form>

这来自使用Bootstrap v4.alpha2的示例。（我已经发现应该使用float-而不是pull- :(

但是它在Bootstrap v4.0.0中不起作用；我已经安装了凉亭。

什么是解决方案，才能使表格正确显示？还是不能将课程合并？

我必须说：Bootstrap假装使样式更容易，但是对我来说，它变得越来越糟-版本之间的许多变化:-(

编辑：我会给你整个代码块：

<nav class="navbar navbar-expand-sm navbar-dark bg-dark" id="nav-main">
  <a class="navbar-brand" href="#">Navbar</a>
  <ul class="nav navbar-nav">
    <li class="nav-item">
      <a href="#" class="nav-link">Home <span class="sr-only">(current)</span></a>
    </li>
    <li class="nav-item">
      <a href="#" class="nav-link">Features</a>
    </li>
    <li class="nav-item">
      <a href="#" class="nav-link">Pricing</a>
    </li>
    <li class="nav-item">
      <a href="#" class="nav-link">About</a>
    </li>
  </ul>
  <form class="form-inline float-sm-right">
    <input type="text" class="form-control" placeholder="Search">
    <button class="btn btn-outline-success" type="submit">Search</button>
  </form>
</nav>

希望与Bootstrap v4.0.0兼容！